/**
 * Rekhi Mega Menu — mobile drawer under sticky header chrome.
 * Specificity must beat Rekhi Header Builder:
 *   .rekhi-hdr .rmm-nav.rmm-is-mobile.rmm-is-open { top:0 !important }
 */
@media (max-width: 1024px) {
	:root {
		--cwfw-header-offset: 72px;
	}

	body > .rmm-nav.rmm-is-mobile.rmm-is-open,
	.rekhi-hdr ~ .rmm-nav.rmm-is-mobile.rmm-is-open,
	.rekhi-hdr .rmm-nav.rmm-is-mobile.rmm-is-open,
	.rekhi-hdr .rekhi-hdr__menu.rmm-is-mobile.rmm-is-open,
	.rekhi-hdr__nav-bar .rmm-nav.rmm-is-mobile.rmm-is-open,
	.rekhi-hdr__menu.rmm-nav.rmm-is-mobile.rmm-is-open,
	.rmm-host.rmm-nav.rmm-is-mobile.rmm-is-open,
	.rmm-nav.rmm-is-mobile.rmm-is-open {
		top: var(--cwfw-header-offset) !important;
		right: auto !important;
		bottom: 0 !important;
		left: 0 !important;
		height: calc(100dvh - var(--cwfw-header-offset)) !important;
		max-height: calc(100dvh - var(--cwfw-header-offset)) !important;
		min-height: 0 !important;
		z-index: 100050 !important;
	}

	.rmm-is-mobile.rmm-is-open .rmm-sub,
	.rmm-is-mobile.rmm-is-open .rmm-mega,
	.rmm-is-mobile.rmm-is-open .sub-menu,
	.rmm-is-mobile.rmm-is-open ul ul {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		transform: none !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.rmm-is-mobile.rmm-is-open {
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		width: min(100vw, 320px) !important;
		max-width: 86vw !important;
		box-shadow: 8px 0 32px rgba(0, 0, 0, 0.45);
	}

	/* Keep drawer under header chrome; never cover logo/search/CTA row */
	.rekhi-hdr__brand,
	.rekhi-hdr__trust {
		position: relative;
		z-index: 100060 !important;
	}
}