/* ============================================================
   MOBILE HEADER SEARCH — LIVE RESULTS DROPDOWN
   Blocksy's .ct-search-results is absolutely positioned inside
   the header search form, so on the mobile header (<1000px) it
   inherits the search box width (~144px on phones), has no
   max-height and overflow:clip — results spill over the page
   content and can't be scrolled. Cap + scroll it on all
   mobile-header widths; on phones widen the box and span the
   dropdown across the viewport, anchored via --edecor-form-left
   kept in sync by js/search-mobile.js.
   ============================================================ */
@media (max-width: 999.98px) {
	.ct-header .ct-search-form .ct-search-results {
		max-height: min(55vh, 440px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

@media (max-width: 689.98px) {
	/* Let the input use the full start-column width next to the logo. */
	.ct-header [data-device="mobile"] [data-id="search-input"] {
		--max-width: 100%;
		--margin: 0 0 0 12px !important;
	}

	.ct-header [data-device="mobile"] .ct-search-form .ct-search-results {
		left: calc(12px - var(--edecor-form-left, 104px));
		right: auto;
		width: calc(100vw - 24px);
		border: 1px solid rgba(0, 0, 0, 0.06);
		border-radius: 12px;
	}
}