/*
 * T07: keep the CookieYes decision complete and accessible while preventing the
 * first layer from covering almost the entire 390 x 844 mobile viewport.
 */
@media (max-width: 767px) {
	.cky-consent-container .cky-consent-bar {
		max-height: min(70dvh, 560px) !important;
		overflow: auto !important;
	}

	.cky-consent-container .cky-notice-content-wrapper {
		padding: 12px 0 8px !important;
	}

	.cky-consent-container .cky-title {
		font-size: 16px !important;
		line-height: 22px !important;
		margin: 0 0 6px !important;
		padding: 0 16px !important;
	}

	.cky-consent-container .cky-notice-des {
		font-size: 13px !important;
		line-height: 1.45 !important;
		max-height: 116px !important;
		overscroll-behavior: contain;
		padding: 0 16px !important;
	}

	.cky-consent-container .cky-notice-des p {
		margin: 0 0 8px !important;
	}

	.cky-consent-container .cky-notice-btn-wrapper {
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: 1fr 1fr;
		margin: 10px 0 0 !important;
		padding: 0 16px !important;
	}

	.cky-consent-container .cky-notice-btn-wrapper > .cky-btn {
		font-size: 13px !important;
		line-height: 18px !important;
		margin: 0 !important;
		min-height: 40px !important;
		order: 0 !important;
		padding: 7px 5px !important;
		width: 100% !important;
	}

	.cky-consent-container .cky-btn-customize {
		grid-column: 1 / -1;
	}

	.cky-consent-container .cky-consent-bar > div:last-child {
		padding: 0 16px 6px !important;
	}
}