/* Pass 024 — geometry only. Restore col-lg-3 / col-lg-9 listing ratio.
   Pass 023 set #apFilterDrawer { width: auto } at desktop, which overrode
   Bootstrap 25% and left unused space beside a 75% product grid. */

@media (min-width: 992px) {
    .ap-filter-toolbar,
    .ap-filter-close,
    #apFilterTitle {
        display: none !important;
    }

    .ap-filter-backdrop,
    .ap-filter-backdrop.is-on {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
        background: transparent !important;
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
    }

    .product-aside#apFilterDrawer {
        position: static !important;
        transform: none !important;
        box-shadow: none !important;
        overflow: visible !important;
        inset: auto !important;
        z-index: auto !important;
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
        opacity: 1 !important;
        background: transparent;
        padding-top: 0;
    }

    .d-flex.flex-wrap.w-100 > .product-content.col-lg-9 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
        width: 75% !important;
        opacity: 1 !important;
    }
}

@media (max-width: 991.98px) {
    .ap-filter-backdrop:not(.is-on) {
        display: none !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }
}