/**
 * Batch 8I-2 production — mobile cookie banner LCP footprint mitigation.
 * Scope: pricing/FAQ routes, max-width 921px.
 */

@media (max-width: 921px) {
	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner.meerath-cookie-banner {
		align-items: flex-end;
		padding: 0.75rem;
	}

	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__panel {
		width: min(100%, 360px);
		max-height: min(70vh, 480px);
		padding: 1rem 1.05rem;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__title {
		font-size: 1rem;
		line-height: 1.3;
		margin: 0 0 0.45rem;
		flex-shrink: 0;
	}

	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__body {
		font-size: 0.8125rem;
		line-height: 1.4;
		margin: 0 0 0.75rem;
		max-height: 3.15rem;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		flex-shrink: 0;
	}

	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__actions {
		gap: 0.4rem;
		flex-shrink: 0;
	}

	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__actions .meerath-cookie-btn,
	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-btn--primary,
	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-btn--secondary,
	body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-btn--ghost {
		min-height: 44px !important;
		height: auto !important;
		min-width: 44px;
		padding: 12px 14px !important;
		font-size: 0.875rem !important;
		line-height: 1.2 !important;
		box-sizing: border-box;
	}

	body.meerath-batch8i-cookie-lcp.meerath-batch8i-cookie-lcp-pending #meerath-cookie-banner {
		opacity: 0;
		pointer-events: none;
	}

	body.meerath-batch8i-cookie-lcp.meerath-batch8i-cookie-lcp-ready #meerath-cookie-banner {
		opacity: 1;
		pointer-events: auto;
		transition: opacity 0.12s ease-out;
	}

	html[dir="rtl"] body.meerath-batch8i-cookie-lcp #meerath-cookie-banner .meerath-cookie-banner__body {
		text-align: right;
	}
}