/* Phase Design-Safe-2: search suggestions without store logo requests and scoped layering only. */
.clean-search.store-search-box,
.site-search-modal-form.store-search-box {
    position: relative;
    overflow: visible;
}

.clean-search.store-search-box.has-search-open {
    z-index: 180;
}

.clean-search.store-search-box .store-search-results {
    z-index: 190;
    max-height: min(520px, 62vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.site-search-modal-form.store-search-box.has-search-open {
    z-index: 20;
}

.site-search-modal-form.store-search-box .store-search-results {
    z-index: 30;
}

.store-search-logo.store-search-logo-initial {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.store-search-logo.store-search-logo-initial img {
    display: none;
}

/* Phase Design-Safe-3: allow homepage search suggestions to layer above the next section. */
.site-header {
    z-index: 1000;
}

.simply-hero,
.clean-hero.simply-hero {
    position: relative;
    z-index: 20;
    overflow: visible;
}

.simply-hero .simply-hero-inner,
.clean-hero.simply-hero .clean-hero-inner {
    position: relative;
    z-index: 2;
    overflow: visible;
}

.simply-hero .clean-search.store-search-box,
.clean-hero.simply-hero .clean-search.store-search-box {
    position: relative;
    z-index: 80;
    overflow: visible;
}

.simply-hero .clean-search.store-search-box.has-search-open,
.clean-hero.simply-hero .clean-search.store-search-box.has-search-open {
    z-index: 120;
}

.simply-hero .clean-search.store-search-box .store-search-results,
.clean-hero.simply-hero .clean-search.store-search-box .store-search-results {
    z-index: 130;
    max-height: min(520px, 62vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.simply-hero + .clean-stats-band,
.simply-hero + .section,
.clean-hero.simply-hero + .clean-stats-band,
.clean-hero.simply-hero + .section {
    position: relative;
    z-index: 1;
}

/* SearchDropdown-1: compact desktop site search modal/dropdown polish. */
.site-search-modal-card {
    width: min(760px, calc(100vw - 32px));
    margin: 66px auto 0;
    padding: 20px;
    border-radius: 24px;
}

.site-search-modal-form.clean-search.store-search-box {
    width: min(520px, 100%);
    margin: 24px auto 12px;
}

.site-search-modal-body {
    gap: 14px;
}

.site-search-section {
    padding: 14px;
    border-radius: 20px;
}

@media (max-width: 760px) {
    .site-search-modal-card {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        margin: 10px auto 0;
        padding: 16px;
        border-radius: 20px;
    }

    .site-search-modal-form.clean-search.store-search-box {
        width: 100%;
        margin: 16px 0 10px;
    }
}

/* SearchDropdown-2: offset modal below sticky header. */
.site-search-modal-card {
    margin-top: 92px;
}

@media (max-width: 760px) {
    .site-search-modal-card {
        margin-top: 76px;
    }
}