/* SORFPANEL — mobile performance + horizontal quick menu */
@media (max-width:768px){
  html,body{overscroll-behavior-y:auto}

  /* Mobile homepage: keep the round menu as a true one-row touch scroller. */
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail{
    display:flex!important;
    flex-flow:row nowrap!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    padding:13px 12px 12px!important;
    gap:12px!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    scroll-snap-type:none!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #f0f0f1!important;
    border-bottom:1px solid #eceef0!important;
    border-radius:0!important;
    box-shadow:none!important;
    contain:layout paint style;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail::-webkit-scrollbar{display:none!important}
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a{
    flex:0 0 70px!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>span{
    width:58px!important;
    height:58px!important;
    margin:0 auto 7px!important;
    border-radius:50%!important;
    background:#fff8f3!important;
    box-shadow:none!important;
  }
  html body.home-mobile-ready .mobile-home-only .mh-quick-rail>a>b{
    min-height:26px!important;
    font-size:10px!important;
    line-height:1.2!important;
  }

  /* GPU/paint reductions on mobile. */
  html body.home-mobile-ready .mh-mobile-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  html body.home-mobile-ready .mh-section{
    content-visibility:auto;
    contain-intrinsic-size:320px;
  }
  html body.home-mobile-ready .mh-product-card,
  html body.home-mobile-ready .mh-banner,
  html body.home-mobile-ready .mh-category-rail>a,
  html body.home-mobile-ready .mh-brand-rail>a{
    box-shadow:none!important;
  }
  html body.home-mobile-ready img{
    content-visibility:auto;
  }
  html body.home-mobile-ready .mh-product-rail,
  html body.home-mobile-ready .mh-banner-row,
  html body.home-mobile-ready .mh-tabs{
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
  }
}