/* JTS v5.10.13 — stable compact sticky header after mobile scroll */
@media (max-width:860px){
  /* A blurred sticky layer is expensive to repaint while mobile browser
     chrome expands/collapses. The opaque background keeps the same visual
     appearance without forcing full-width backdrop recomposition. */
  #jts-header{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:#fbf9f4;
  }

  /* Avoid persistent translucent compositor layers on mobile. */
  .jts-mobile-dock,
  .jts-sticky-cart,
  .jts-btn--glass,
  .jts-hero-slider__arrow,
  .jts-product-card__quick,
  .jts-v441-has-panel .jts-v440-editorial__content{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .jts-mobile-dock{background:#1f3d2e!important}
  .jts-sticky-cart{background:#fbf9f4!important}
  .jts-btn--glass,.jts-hero-slider__arrow{background:rgba(10,24,18,.72)!important}

  /* Mobile browsers are more stable fading slides without simultaneously
     scaling full-viewport images on separate GPU layers. */
  .jts-hero-slide,
  .jts-hero-slider--slide .jts-hero-slide{
    transform:none!important;
    transition:opacity .45s ease,visibility .45s ease!important;
  }
  #jts-header,
  #jts-header .jts-header__inner,
  #jts-header .jts-brand__logo,
  #jts-header .jts-icon-btn,
  #jts-header #jts-cart{
    transition:min-height .28s ease,height .28s ease,padding .28s ease,width .28s ease,max-width .28s ease,transform .28s ease,box-shadow .28s ease,background-color .28s ease,border-color .28s ease;
  }
  #jts-header .jts-brand__logo{transform-origin:center center}
  #jts-header.jts-header--compact{
    background:rgba(251,249,244,.97);
    box-shadow:0 8px 24px rgba(20,41,31,.10);
  }
  #jts-header.jts-header--compact .jts-header__inner{
    min-height:62px!important;
    height:62px;
    gap:8px;
  }
  #jts-header.jts-header--compact #jts-brand{
    justify-self:center;
    min-width:0;
  }
  #jts-header.jts-header--compact .jts-brand__logo{
    width:108px!important;
    max-width:34vw!important;
    max-height:54px;
    object-fit:contain;
  }
  #jts-header.jts-header--compact .jts-menu-toggle,
  #jts-header.jts-header--compact #jts-cart{
    width:42px;
    height:42px;
    padding:8px;
  }
}
@media (max-width:560px){
  #jts-header.jts-header--compact .jts-header__inner{min-height:58px!important;height:58px}
  #jts-header.jts-header--compact .jts-brand__logo{width:96px!important;max-width:36vw!important;max-height:50px}
  #jts-header.jts-header--compact .jts-menu-toggle,
  #jts-header.jts-header--compact #jts-cart{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
  #jts-header,#jts-header .jts-header__inner,#jts-header .jts-brand__logo,#jts-header .jts-icon-btn,#jts-header #jts-cart{transition:none!important}
}