/* BDX Unlocker — scroll performance layer (2026-07-24)
   Keeps scrolling responsive by pausing non-essential effects while the page moves. */
html{scroll-behavior:auto;overscroll-behavior-y:none}
body{overflow-x:hidden}

/* Avoid repaint-heavy fixed decorative glow during active scrolling. */
html.bdx-is-scrolling body::after{opacity:0!important;filter:none!important}
html.bdx-is-scrolling .header,
html.bdx-is-scrolling .orders-menu,
html.bdx-is-scrolling .secondary-home-slider-arrow,
html.bdx-is-scrolling .secondary-home-slider-dots,
html.bdx-is-scrolling :is(.panel,.info-card,.product-card,.stat,.benefits,.card-tool){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Pause visual motion while the browser is processing a scroll gesture. */
html.bdx-is-scrolling :is(
  .hero-picture,.hero-orb,.rent-logo::after,.theme-mode-sun,.theme-mode-thumb,
  .top-tool-logo-track,.secondary-home-slider-track
){
  animation-play-state:paused!important;
}
html.bdx-is-scrolling .secondary-home-slider-track{transition:none!important}
html.bdx-is-scrolling :is(.product-card,.product-image img,.benefit,.card-tool,.premium-float a,.premium-float button){
  transition-duration:0s!important;
}

/* Let the browser skip rendering far-off storefront sections until needed. */
main#app > section,
main#app > .container,
main#app .product-grid,
main#app .service-product-grid{
  content-visibility:auto;
  contain-intrinsic-size:auto 680px;
}

/* Slider layer stays GPU-composited without repainting the page. */
.secondary-home-slider{contain:layout paint style}
.secondary-home-slider-track{transform:translate3d(0,0,0);backface-visibility:hidden}
.secondary-home-slide,.secondary-home-slide img{backface-visibility:hidden}
.secondary-home-slide img{image-rendering:auto}

@media(max-width:900px){
  /* Mobile browsers are most affected by blur and fixed glow. */
  body::after{display:none!important}
  .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(4,8,13,.985)!important}
  html[data-theme="light"] .header{background:rgba(255,255,255,.985)!important}
  :is(.panel,.info-card,.product-card,.stat,.benefits){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .secondary-home-slider-arrow,.secondary-home-slider-dots{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}