@media (max-width: 959px) {
	.jsuser-d-cookie-banner {
		left: 16px;
		right: 16px;
		bottom: 16px;
		width: auto;
		max-width: none;
		max-height: calc(100dvh - 32px);
		padding: 18px;
	}
	.jsuser-d-cookie-overlay {
		padding: 12px;
	}
	.jsuser-d-cookie-modal {
		max-height: calc(100dvh - 24px);
	}
	.jsuser-d-cookie-modal-head {
		padding: 12px 16px;
	}
	.jsuser-d-cookie-modal-body {
		padding: 0 16px 16px;
	}
	.jsuser-d-cookie-modal-actions {
		padding: 12px 16px;
	}
	.jsuser-d-cookie-actions {
		flex-direction: column;
		gap: 8px;
	}
	.jsuser-d-cookie-button {
		flex: none;
		width: 100%;
		padding: 10px 14px;
	}
	.jsuser-d-cookie-title {
		font-size: 18px;
	}
	.jsuser-d-cookie-footer {
		font-size: 15px;
	}
}

@media (max-height: 480px) {
	.jsuser-d-cookie-overlay {
		padding: 8px;
	}
	.jsuser-d-cookie-modal {
		max-height: calc(100dvh - 16px);
		display: block;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.jsuser-d-cookie-modal-body {
		overflow-y: visible;
	}
	.jsuser-d-cookie-modal-head {
		padding: 6px 12px;
	}
	.jsuser-d-cookie-modal-actions {
		padding: 8px 12px;
	}
	.jsuser-d-cookie-modal-actions .jsuser-d-cookie-button {
		min-height: 36px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}