/* Search page: names/results must sit under the hero, not behind it */
body.search-page .search-hero {
    position: sticky;
    top: 0;
    z-index: 8;
    background: var(--bg, #000);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

body.search-page .search-results {
    position: relative;
    z-index: 1;
    padding-top: 4px;
}

body.search-page .search-people-row,
body.search-page .search-tag-row,
body.search-page .search-results .post-card {
    position: relative;
    z-index: 1;
    background: var(--bg, #000);
}

@media (max-width: 1100px) {
    body.search-page .search-hero {
        top: var(--header-mobile, 53px);
        background: var(--bg, #000);
    }
}