/* Production performance layer — v116 */
:root{scroll-behavior:auto}
html{overflow-y:scroll}
img{max-width:100%;height:auto}
img[loading="lazy"]{content-visibility:auto}
main>section:not(.hero):not(.page-hero){content-visibility:auto;contain-intrinsic-size:1px 760px}
.cat-card,.city-card,.gallery-card,.form-card,.brand-showcase-panel{contain:layout paint style}
.cat-card img,.gallery-card img,.city-card img,.flow-thumb img{display:block;width:100%;object-fit:cover}
.nav{will-change:auto}
.nav.scrolled{transform:translateZ(0)}
@media (hover:none),(pointer:coarse){
 .btn::before{display:none!important}
 .btn,.cat-card,.city-card,.gallery-card{transition-duration:.16s!important}
}
@media (max-width:900px){
 .nav,.mobile-drawer,.form-card,.city-card,.cat-card,.gallery-card,.brand-showcase-panel,[class*="glass"]{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
 }
 .hero::before,.hero::after,.page-hero::before,.page-hero::after{filter:none!important}
 .lux-line,.external-stage-connector{opacity:.45}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@supports (content-visibility:auto){
 footer{content-visibility:auto;contain-intrinsic-size:1px 520px}
}

/* v117 production performance pass */
html{scroll-behavior:auto}
img{max-width:100%;height:auto}
.nav,.mobile-drawer{will-change:auto}
@media (min-width:901px){
  .nav,.glass,.hero-card,.category-card,.distribution-card,.gallery-grid img{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
}
@media (max-width:900px), (pointer:coarse){
  *,*::before,*::after{transition-duration:.18s!important}
  .nav,.mobile-drawer,.glass,.hero-card,.category-card,.distribution-card,.gallery-grid img{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .hero-card,.category-card,.distribution-card{box-shadow:0 10px 24px rgba(2,12,28,.16)!important}
}
main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:800px}
.category-card,.gallery-grid img,.distribution-card{contain:layout paint style}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* v118 ultra-smooth scroll + zero-shift header pass */
html,body{scroll-behavior:auto!important}
/* Keep the fixed header on one compositor layer and avoid costly live backdrop sampling. */
.nav,.nav.scrolled{inset:12px 0 auto!important;transition:none!important;transform:translateZ(0)!important;contain:layout style!important}
.nav-inner{height:76px!important;background:linear-gradient(135deg,rgba(5,20,42,.97),rgba(7,31,61,.97))!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 12px 34px rgba(0,0,0,.20)!important;transform:translateZ(0)!important}
.links a[data-i18n="products"]{min-width:78px;text-align:center}
/* content-visibility caused occasional reveal hitching on long pages; normal rendering is smoother here. */
main>section,main>section:not(:first-child),footer{content-visibility:visible!important;contain-intrinsic-size:auto!important}
/* Static decorative layers preserve the premium look without continuous main-thread/compositor work. */
.hero:before,.orb,.route-chip,.supply-tile,.brand-pill,.portfolio-brand-card,.portfolio-product-card,
.route-path,.map-route,.network-route,.network-halo,.radar-ring,.premium-network:before,
.toolbar-pulse,.toolbar-bars i,.map-sheen,.routes-v84 use,.pulse-ring,.clean-routes use,
.clean-hub .hub-ring,.moving-light-v86,.routes-v87 path,.hub-v87 circle:first-child,
.routes-v89 use,.route-flow use,.hub-ring-outer,.city-pulse,.cc-route-flow use,.cc-hub-ring,
.dc-route-dashes use,.cc93-route-lines path,.cc93-hub:before,.cc93-hub:after,
.editable-distribution .route-dots circle{animation:none!important}
/* Avoid expensive paint filters during scrolling. */
.uae-shape,.clean-map-land,.network-route,.vehicle,.city-node .node-core,.route-pulse,
.routes-v87 path,.cc-moving-dots circle{filter:none!important}
/* Reduce large shadow rasterization while keeping depth. */
.cat-card,.city-card,.gallery-card,.form-card,.brand-showcase-panel,.stat{box-shadow:0 16px 42px rgba(6,23,45,.14)!important}
.cat-card:hover{transform:translateY(-5px)!important}
@media (min-width:901px){
  [class*="glass"],.eyebrow,.lang-menu,.orbit-card,.orbit-globe,.hub-info-card,.dist-visual-card{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important
  }
}

/* v119 — eliminate scroll jank around Distribution and Gallery */
.home-distribution,
.home-gallery{
  contain:layout paint style;
  isolation:isolate;
}
.editable-distribution .distribution-shell,
.editable-distribution .distribution-network,
.home-gallery-grid{
  transform:none!important;
  will-change:auto!important;
}
.editable-distribution .distribution-shell{
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}
.editable-distribution .distribution-network,
.editable-distribution .distribution-summary{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.editable-distribution .city-card{
  contain:layout paint;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
  transition:border-color .18s ease!important;
}
.editable-distribution .city-card:hover{
  transform:none!important;
}
.editable-distribution .city-card img,
.editable-distribution .city-card:hover img{
  transform:none!important;
  transition:none!important;
  filter:none!important;
}
.editable-distribution .network-routes,
.editable-distribution .hub-live-chip span{
  animation:none!important;
}
.home-gallery-grid a{
  contain:layout paint;
  box-shadow:0 9px 24px rgba(6,23,45,.10)!important;
  transform:none!important;
}
.home-gallery-grid img,
.home-gallery-grid a:hover img{
  transform:none!important;
  transition:none!important;
  filter:none!important;
}
.home-gallery-grid a:after{
  background:linear-gradient(180deg,transparent 58%,rgba(3,14,30,.78))!important;
}
@media (hover:none), (pointer:coarse), (max-width:900px){
  .home-distribution,
  .home-gallery{contain:layout paint style!important}
  .editable-distribution .distribution-shell,
  .home-gallery-grid a{box-shadow:none!important}
}

/* v120 final launch performance pass */
html,body{overscroll-behavior-y:none}
body{overflow-x:hidden}
.home-distribution,.home-gallery,.editable-distribution .distribution-shell,.home-gallery-grid{contain:none!important;isolation:auto!important}
.home-distribution img,.home-gallery img{content-visibility:visible!important;contain:none!important}
.home-gallery-grid a,.editable-distribution .city-card{contain:layout style!important}
.home-gallery-grid a:after{pointer-events:none}
@media (max-width:1100px){
 .home-distribution *, .home-gallery *{animation:none!important}
 .home-distribution .distribution-shell,.home-gallery-grid a,.editable-distribution .city-card{box-shadow:0 4px 14px rgba(3,15,31,.10)!important}
}
@media (pointer:coarse){
 .home-distribution *, .home-gallery *{transition:none!important}
}
.footer-email{display:block;margin-top:8px;color:inherit;text-decoration:none}
[hidden]{display:none!important}

/* v121 — restore reliable mouse-wheel scrolling */
html,body{
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
body:not(.menu-open){overflow-y:auto!important}
.category-wrap,.brand-marquee,.brand-showcase-marquee,.home-gallery,.home-distribution{
  overscroll-behavior:auto!important;
  touch-action:pan-y pinch-zoom!important;
}

/* v122 — stable Distribution paint, no content flash or late geometry changes */
html[data-boot-lang="ar"] .editable-distribution,
html[data-boot-lang="ur"] .editable-distribution{visibility:hidden}
.editable-distribution .network-grid{min-height:0}
.editable-distribution .city-card{content-visibility:visible!important;contain:layout paint!important}
.editable-distribution .city-card img{aspect-ratio:3/2;width:100%;height:auto!important;object-fit:cover;display:block;background:#102743}
.editable-distribution .distribution-shell,
.editable-distribution .distribution-summary,
.editable-distribution .distribution-network{transform:none!important;will-change:auto!important}
@media(max-width:900px){
}
@media(max-width:560px){
}