/* V66 mobile stability and scroll performance */
@media(max-width:900px){
  html{scroll-behavior:auto!important;overscroll-behavior-y:auto!important}
  body{overflow-x:hidden!important}

  /* User requested: remove the secondary M30 / M30 Details / Stage-T list on mobile. */
  .interactive-strip{display:none!important}

  /* Product detail pages: no hamburger/dropdown list on mobile. */
  .product-page .v61-product-hamb,
  .product-page [data-mobile-menu],
  .product-page .mobile-menu{display:none!important}
  .product-page .nav-inner{gap:12px!important}
  .product-page .nav-links{display:none!important}
  .product-page .nav .logo{margin-right:auto!important}

  /* Homepage mobile menu: fixed, clickable, no delayed rebuilding/jumping. */
  body:not(.product-page) .mobile-menu{
    display:none!important;
    position:fixed!important;
    top:66px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    max-height:calc(100dvh - 66px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px 22px max(26px,env(safe-area-inset-bottom))!important;
    background:#08090c!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    z-index:30050!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }
  body:not(.product-page) .mobile-menu.open{
    display:block!important;
    pointer-events:auto!important;
    visibility:visible!important;
  }
  body:not(.product-page) .mobile-menu a{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    min-height:48px!important;
    padding:14px 2px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    color:rgba(255,255,255,.86)!important;
    font-weight:900!important;
    touch-action:manipulation!important;
    pointer-events:auto!important;
  }
  body.mojo-mobile-menu-open{overflow:hidden!important;touch-action:auto!important}

  /* Avoid blank sections when IntersectionObserver/reveal scripts lag on mobile. */
  .reveal,.rb-reveal{opacity:1!important;transform:none!important;transition:none!important}

  /* Scroll performance: remove expensive fixed blur/compositor effects on mobile. */
  .nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,9,12,.985)!important}
  .mobile-sticky-buy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,9,12,.97)!important}
  .rb-scroll-progress,.rb-cursor-light,.rb-section-rail,.pagination-desktop{display:none!important}
  .hotspot:before{animation:none!important}
  body.m30-page .hero::before,body.stage-page .hero::before{filter:none!important;transform:none!important;inset:0!important;opacity:.66!important}
  .slide-image:after,.zoom-frame:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

  /* Stabilize hero/image geometry before media finishes decoding to reduce CLS/jumps. */
  .product-page .hero-card{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
  .product-page .hero-card img{width:100%!important;height:100%!important;object-fit:contain!important}
  .stage-new-colors-strip img{height:auto!important}

  /* Header auto-hide remains, but uses a faster transform and cannot hide an open menu. */
  .nav{transition:transform .14s ease-out,opacity .14s ease-out!important;will-change:auto!important}
  body.mojo-mobile-menu-open .nav{transform:translateY(0)!important;opacity:1!important}
}
@media(max-width:520px){
  .product-page .nav-inner{height:66px!important}
  .product-page .nav .btn[href="/"]{min-height:44px!important;padding:10px 15px!important;font-size:12px!important}
}