/* Dedicated catalog filter backdrop. Loaded after viewport/filter styles. */
.sf-catalog__filter-backdrop { display: none; }

@media (max-width: 1023px) {
    .sf-catalog__filters {
        background: transparent !important;
        backdrop-filter: none !important;
    }

    .sf-catalog__filter-backdrop {
        position: absolute;
        inset: 0;
        z-index: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background:
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--brand-900) 24%, rgba(15,23,42,.56)),
                color-mix(in srgb, var(--brand-900) 12%, rgba(15,23,42,.66))
            );
        opacity: 0;
        cursor: default;
        -webkit-tap-highlight-color: transparent;
        backdrop-filter: blur(5px) saturate(.82);
        transition: opacity .2s ease;
    }

    .sf-catalog__filters.is-open .sf-catalog__filter-backdrop {
        opacity: 1;
    }

    .sf-catalog__filter-sheet {
        position: relative;
        z-index: 1;
    }
}