/* V960 Mobile Interaction Stability
   Keep the visual language, but remove touch-only effects that cause sticky hover,
   repaint-heavy blur and delayed-feeling taps on mobile GPUs. */
@media (max-width:980px), (hover:none), (pointer:coarse){
  html.mobile-interaction-v960 body button,
  html.mobile-interaction-v960 body a,
  html.mobile-interaction-v960 body [role="button"],
  html.mobile-interaction-v960 body [onclick],
  html.mobile-interaction-v960 body input[type="button"],
  html.mobile-interaction-v960 body input[type="submit"]{
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  /* Backdrop blur is one of the largest repaint costs while sheets/modals move. */
  html.mobile-interaction-v960 body *,
  html.mobile-interaction-v960 body *::before,
  html.mobile-interaction-v960 body *::after{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  /* Touch devices can keep :hover after a tap. Do not animate/raise cards/buttons. */
  html.mobile-interaction-v960 body .btn,
  html.mobile-interaction-v960 body button,
  html.mobile-interaction-v960 body .product,
  html.mobile-interaction-v960 body .public-product,
  html.mobile-interaction-v960 body .coupon-clean-card,
  html.mobile-interaction-v960 body .coupon-clean-card-v131,
  html.mobile-interaction-v960 body .history-card,
  html.mobile-interaction-v960 body .history-card-v430,
  html.mobile-interaction-v960 body .setting-row,
  html.mobile-interaction-v960 body .wallet-card-v301,
  html.mobile-interaction-v960 body .bottom-nav button,
  html.mobile-interaction-v960 body .mobile-menu-list-v301 button{
    transition-property:background-color,border-color,color,opacity!important;
    transition-duration:.08s!important;
    transition-timing-function:ease-out!important;
  }

  html.mobile-interaction-v960 body .product:hover,
  html.mobile-interaction-v960 body .public-product:hover,
  html.mobile-interaction-v960 body .coupon:hover,
  html.mobile-interaction-v960 body .coupon-clean-card:hover,
  html.mobile-interaction-v960 body .coupon-clean-card-v131:hover,
  html.mobile-interaction-v960 body .history-card:hover,
  html.mobile-interaction-v960 body .setting-row:hover,
  html.mobile-interaction-v960 body .wallet-card-v301:hover{
    transform:none!important;
    filter:none!important;
    box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  }
  html.mobile-interaction-v960 body .btn:hover,
  html.mobile-interaction-v960 body button:hover,
  html.mobile-interaction-v960 body .btn:active:not(:disabled),
  html.mobile-interaction-v960 body button:active:not(:disabled),
  html.mobile-interaction-v960 body .bottom-nav button:active{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Continuous decorative motion is paused on phones; functional spinners/wheel spin stay intact. */
  html.mobile-interaction-v960 body .daily-checkin-float-img-v907,
  html.mobile-interaction-v960 body .spin-wheel-float-img-v884,
  html.mobile-interaction-v960 body .aurora-orb-v400,
  html.mobile-interaction-v960 body .aurora-background-v400::after{
    animation:none!important;
    filter:none!important;
  }

  /* Keep the fixed navigation on its own simple layer without expensive glass paint. */
  html.mobile-interaction-v960 body .header,
  html.mobile-interaction-v960 body .bottom-nav,
  html.mobile-interaction-v960 body .mobile-menu-drawer-v301{
    background-color:rgba(255,255,255,.985)!important;
  }

  /* Long scrolling lists: isolate paint and skip off-screen cards. */
  html.mobile-interaction-v960 body #productGrid>.product,
  html.mobile-interaction-v960 body #memberRewardGridV74>.product,
  html.mobile-interaction-v960 body #couponList>.coupon,
  html.mobile-interaction-v960 body #couponList>.coupon-clean-card,
  html.mobile-interaction-v960 body #orders .history-card,
  html.mobile-interaction-v960 body #orders .history-card-v430{
    content-visibility:auto;
    contain:layout paint style;
    contain-intrinsic-size:260px;
  }

  /* Avoid browser smooth-scroll queues fighting finger scrolling. Galleries keep their own horizontal behavior. */
  html.mobile-interaction-v960,
  html.mobile-interaction-v960 body{
    scroll-behavior:auto!important;
  }
}