/* ECOTECH PERFORMANCE — smooth desktop + mobile, visuals kept */
html{
  scroll-behavior:auto !important;
  overflow-x:clip !important;
  overflow-y:scroll !important;
  height:100% !important;
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:clip !important;
  overflow-y:visible !important;
  height:auto !important;
  min-height:100% !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a, button, .btn, .eco-nav-v23__trigger, .eco-nav-v23__mobile{ touch-action:manipulation; }
img{ max-width:100%; height:auto; }
main section:not(:first-of-type){
  content-visibility:auto;
  contain-intrinsic-size:auto 480px;
}
#photonCanvas{
  pointer-events:none !important;
  transform:translateZ(0);
  backface-visibility:hidden;
}
@media (max-width:900px){
  .home-page-v3 .v3-hero::before,
  .home-page-v3 .v3-hero::after,
  .home-page-v3 .hp7-tech-depth::before{
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    transition-duration:0.01ms !important;
  }
  #photonCanvas{ display:none !important; }
}
.eco-nav-v23:not(.mobile-open) .eco-nav-v23__sheet,
.eco-nav-v23__sheet[aria-hidden="true"]{
  display:none !important;
  pointer-events:none !important;
}
.eco-mobile-nav-backdrop{ pointer-events:none !important; }
.eco-nav-v23.mobile-open + .eco-mobile-nav-backdrop{ pointer-events:auto !important; }
/* Do not override .eco-nav-v23 transform — it uses translateX(-50%) to center */
.topbar{ transform:translateZ(0); }

/* NAV REPAIR — keep bar functional after performance layer */
.eco-nav-v23{
  /* preserve centering from core: transform:translateX(-50%) */
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: grid !important;
}
.eco-nav-v23__links{
  pointer-events: auto !important;
}
.eco-nav-v23__logo{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
@media (min-width: 901px){
  .eco-nav-v23__links{ display: flex !important; }
  .eco-nav-v23__mobile{ display: none !important; }
  .eco-nav-v23__sheet{ display: none !important; }
}
@media (max-width: 900px){
  .eco-nav-v23__mobile{ display: flex !important; }
}