/* JTS v5.5.2 — mobile WooCommerce archive flow
 * v4.3.4 deliberately normalised sidebar positioning for desktop stacking,
 * but its broad .jts-shop-filters rule also made the off-canvas mobile filter
 * drawer participate in document flow. That reserved the full filter-form
 * height and produced a large blank area before the product results.
 */
@media (max-width:1179px){
  #jts-main .jts-shop-shell{
    display:block!important;
  }
  #jts-main .jts-shop-shell__rail{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  #jts-main .jts-filter-toggle{
    display:inline-flex!important;
    margin:0!important;
  }
  /* Keep the filter drawer out of layout flow on tablet/mobile. */
  body #jts-shop-filters.jts-shop-filters{
    position:fixed!important;
    z-index:1200!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(92vw,390px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:24px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    transform:translate3d(-105%,0,0)!important;
    clear:none!important;
    background:var(--jts-cream-light,#fbf9f4)!important;
    box-shadow:30px 0 70px rgba(13,35,25,.22)!important;
    transition:transform .28s ease!important;
  }
  body #jts-shop-filters.jts-shop-filters.jts-shop-filters--open{
    transform:translate3d(0,0,0)!important;
  }
  /* The desktop rail promo is useful beside products, but on a phone it
     delays shopping. The category/box discovery UI remains available above. */
  #jts-main .jts-shop-shell__rail > .jts-shop-promo{
    display:none!important;
  }
  #jts-main .jts-shop-shell__results{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #jts-main .jts-shop-archive-header{
    margin-top:0!important;
  }
}
@media (max-width:560px){
  #jts-main .jts-shop-shell__rail{margin-bottom:14px!important;}
  body #jts-shop-filters.jts-shop-filters{width:100vw!important;max-width:100vw!important;}
}
@media (prefers-reduced-motion:reduce){
  body #jts-shop-filters.jts-shop-filters{transition:none!important;}
}