/* JBA v16.20.76 — mobile filter popup visibility + desktop sidebar spacing */

/* Desktop: keep the popular-search box visually separate from the filter card. */
@media (min-width:992px){
  body.jba-v1670-shop-page #jba-adv-sidebar-filter.jba-v162072-filter{
    margin-bottom:28px!important;
  }

  body.jba-v1670-shop-page #jba-adv-sidebar-filter .jba-v162072-actions{
    margin-bottom:6px!important;
  }

  body.jba-v1670-shop-page .jba-v162072-popular{
    position:relative!important;
    z-index:0!important;
    clear:both!important;
    margin-top:28px!important;
    isolation:isolate!important;
  }
}

/* Mobile: v16.20.74 gave the hidden panel an !important translated state.
   Restore an equally strong visible state whenever the sheet opens. */
@media (max-width:767px){
  html.jba-v162076-filter-open,
  body.jba-v162076-filter-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .jba-v15266-filter-sheet{
    contain:none!important;
  }

  .jba-v15266-filter-sheet .jba-v15266-sheet-backdrop{
    z-index:1!important;
  }

  .jba-v15266-filter-sheet .jba-v15266-sheet-panel{
    z-index:2!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .jba-v15266-filter-sheet.is-open .jba-v15266-sheet-panel,
  .jba-v15266-filter-sheet.jba-v162076-force-visible .jba-v15266-sheet-panel{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .jba-v15266-filter-sheet.is-open,
  .jba-v15266-filter-sheet.jba-v162076-force-visible{
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .jba-v15266-filter-sheet.is-open .jba-v15266-sheet-backdrop,
  .jba-v15266-filter-sheet.jba-v162076-force-visible .jba-v15266-sheet-backdrop{
    opacity:1!important;
  }

  .jba-v15266-sheet-content > #jba-adv-sidebar-filter.jba-v15266-sheet-sidebar,
  .jba-v15266-sheet-content > #jba-adv-sidebar-filter.jba-v162074-mobile-source.jba-v15266-sheet-sidebar{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
}