/* Same background behavior as Categories */
/* Currently not in use - commented out */
.search-hero {
    min-height: 100vh;
    background-image: url("{% static 'images/categories-bg.png' %}");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 2.25rem;
}
.search-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.15);
}


.search-inner {
    position: relative;
    padding: 2.25rem 0 2.5rem;
}

.search-inner-container {
    padding: 2.25rem;
}



/* Search card */
.search-card {
    /* background: rgba(17,17,17,0.92); */
    background: var(--color-bg-highlight);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.search-card {
    border: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
}

.search-label {
    color: var(--color-text);
    font-weight: 600;
}

@media (min-width: 992px) {
    .search-inner { padding: 2.75rem 0 3.25rem; }
}