/* NNB GIDA V309 — iOS FAST SCROLL STABILITY
   Purpose: prevent Safari tab reloads caused by decoded-image and GPU pressure.
   Visual design remains V307 Black & White Pro. */
html,body{
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:none!important;
  -webkit-text-size-adjust:100%!important;
}
body{
  overflow-x:clip!important;
  touch-action:pan-y pinch-zoom;
}
body .chips{
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior-inline:contain!important;
}
body #grid>.card{
  content-visibility:auto!important;
  contain:layout paint style!important;
  contain-intrinsic-size:300px 390px!important;
  will-change:auto!important;
}
body #grid .card-visual,
body #grid .card-body{
  contain:layout paint style!important;
}
body #grid .card-visual img{
  transform:none!important;
  backface-visibility:visible!important;
  will-change:auto!important;
}
body img.nnb-lazy{
  background:transparent!important;
}

/* During a fling, remove every expensive compositing effect immediately. */
body.nnb-scrolling .banner-premium-shine:before,
body.nnb-scrolling .banner-premium-shine:after{
  animation:none!important;
  opacity:0!important;
}
body.nnb-scrolling .apple-topbar,
body.nnb-scrolling .apple-tools,
body.nnb-scrolling #grid>.card,
body.nnb-scrolling #grid .card-visual,
body.nnb-scrolling .signature-footer{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
  transition:none!important;
  animation:none!important;
}
body.nnb-scrolling #grid .card-visual img{
  filter:none!important;
  transform:none!important;
}

@media(max-width:820px){
  /* Safari creates costly live blur layers while the document is moving. */
  body .apple-topbar,
  body .apple-tools{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(248,248,249,.98)!important;
  }
  body .banner-premium-shine:before{
    display:none!important;
    animation:none!important;
  }
  body .banner-premium-shine:after{
    opacity:.22!important;
  }
  body #grid>.card{
    box-shadow:0 12px 28px rgba(16,19,21,.06),0 2px 7px rgba(16,19,21,.025)!important;
  }
  body #grid .card-visual img{
    filter:none!important;
  }
  body .signature-footer{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body .banner-premium-shine:before{display:none!important}
}