/* V712 — app-like interaction stability */
html{scroll-behavior:auto!important}
body.office-smooth-v712 button,
body.office-smooth-v712 a,
body.office-smooth-v712 [role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.office-smooth-v712 .page.active{animation:none!important;transition:none!important}
body.office-smooth-v712 .product,
body.office-smooth-v712 .coupon-clean-card,
body.office-smooth-v712 .history-card,
body.office-smooth-v712 .member-reward-card-v74{animation:none!important;transition:box-shadow .10s ease,border-color .10s ease!important}
body.office-smooth-v712 .btn,
body.office-smooth-v712 .nav,
body.office-smooth-v712 .bottom-nav button,
body.office-smooth-v712 .side-menu button{transition:background-color .08s linear,border-color .08s linear,color .08s linear!important}
body.office-smooth-v712 .btn:active,
body.office-smooth-v712 button:active{transition:none!important}
body.office-smooth-v712 .aurora-orb-v400,
body.office-smooth-v712 .aurora-background-v400::after,
body.office-smooth-v712 .banner-main::after,
body.office-smooth-v712 .public-banner-main::after{animation:none!important}
body.office-smooth-v712 .product:hover{transform:none!important}
body.office-smooth-v712 .product .cover img{transition:none!important}
body.office-smooth-v712 .loading:not(.show),body.office-smooth-v712 .overlay:not(.show){pointer-events:none!important}
@supports(content-visibility:auto){
  body.office-smooth-v712 .product,
  body.office-smooth-v712 .coupon-clean-card,
  body.office-smooth-v712 .history-card,
  body.office-smooth-v712 .member-reward-card-v74{content-visibility:auto;contain-intrinsic-size:auto 320px}
}
@media(max-width:640px){
  body.office-smooth-v712 .product,
  body.office-smooth-v712 .coupon-clean-card,
  body.office-smooth-v712 .history-card{contain:layout paint style}
}

/* V766 — keep fixed/sticky surfaces cheap while scrolling. */
body.office-smooth-v712 .header,
body.office-smooth-v712 .topbar,
body.office-smooth-v712 .bottom-nav,
body.office-smooth-v712 .desktop-nav,
body.office-smooth-v712 .side-card,
body.office-smooth-v712 .mobile-menu-drawer-v301,
body.office-smooth-v712 .api-status-v711{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.office-smooth-v712 .header,
body.office-smooth-v712 .bottom-nav,
body.office-smooth-v712 .desktop-nav{background:rgba(255,255,255,.98)!important}
body.office-smooth-v712 .page,
body.office-smooth-v712 #productGrid,
body.office-smooth-v712 #couponList{will-change:auto!important}

/* V916 - prevent blank frames while switching customer pages on mobile. */
body.office-smooth-v712 .page.active,
body.office-smooth-v712 .page.active.page-ready-v916{
  visibility:visible!important;
  opacity:1!important;
  animation:none!important;
  transition:none!important;
}
@media (max-width:980px){
  body.office-smooth-v712 #app .page.active{
    content-visibility:visible!important;
    contain:none!important;
    transform:none!important;
  }
}