/** * Full-screen search overlay — eobuwie-style top-anchored bar. * * Replaces the old translucent (`bg-white/80` + backdrop-blur), vertically * centred modal that left a large whitespace above the input and let the page * show through. Now: solid-white full-screen, search bar pinned to the top. * * FiboSearch appends its suggestions list to as position:fixed and * positions it itself relative to the input — so anchoring the input at the top * is enough; the suggestions follow. @since 2026-06-04 */ #search { position: fixed; inset: 0; width: 100%; height: 100%; background: #fff; z-index: 30000; } /* Top bar: close button on the left, input filling the rest of the row. */ #search .ms-search-bar { display: flex; align-items: center; gap: .5rem; padding: .625rem .75rem; border-bottom: 1px solid #ececec; } /* Desktop: centre the bar and offset it a little from the very top. */ @media (min-width: 768px) { #search .ms-search-bar { max-width: 720px; margin: 0 auto; padding: 3rem 0 1rem; } } #search .ms-search-close { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 8px; cursor: pointer; } #search .ms-search-close img { width: 20px; height: 20px; display: block; } #search .ms-fibosearch-wrap { flex: 1 1 auto; min-width: 0; } /* Flatten the FiboSearch input into a clean full-width field. */ #search .dgwt-wcas-search-wrapp { max-width: none !important; width: 100% !important; } #search .dgwt-wcas-sf-wrapp { width: 100% !important; } #search .dgwt-wcas-search-input { height: 46px !important; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; box-shadow: none !important; background: #f5f5f5 !important; font-size: 16px !important; /* iOS never zooms inputs >=16px on focus */ } /* Suggestions: flat full-width list (FiboSearch renders these on ). */ .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp { box-shadow: none !important; border: 1px solid #f0f0f0 !important; border-top: 0 !important; }