/* YILDIZ LAB R38 — runtime stability and text fidelity
   Reduce compositor churn, entrance flashes and transformed text rasterization
   without changing product geometry or commerce behavior. */

html{
  text-rendering:auto;
  -webkit-text-size-adjust:100%;
}

body{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* Text must stay on the normal rasterization path. GPU-promoting text with
   translateZ/3d transforms can make glyphs look soft on Chromium/Windows. */
.yl60-nav-link,
.yl60-brand>span,
.yl60-mega-lead h2,
.yl60-mega-lead p,
.yl60-mega-title,
.yl60-mega-copy,
.yl60-feature-tile,
.yl72-action,
.yl72-tile,
.product-title,
.product-copy,
.yl78-product-meta,
.yl78-product-meta h2,
.yl78-product-meta h3{
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
  backface-visibility:visible!important;
}

.yl60-nav-link{
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}

/* Keep navigation responsive but remove blur/scale/3D effects that force
   repeated layer promotion and can produce one-frame visual instability. */
.yl60-globalnav .yl60-mega,
.yl60-globalnav .yl60-mega-inner,
.yl60-globalnav.yl72-switching .yl60-mega-inner{
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
}
.yl60-globalnav .yl60-mega{
  transition:opacity .16s ease,visibility 0s linear .16s!important;
}
.yl60-globalnav.is-mega-active .yl60-mega{
  transition-delay:0s!important;
}
.yl60-globalnav .yl60-mega-inner{
  transition:opacity .14s ease!important;
}

/* Production reveal previously hid and transformed many cards until JS/IO
   caught up. Keep content immediately paintable; native image lazy-loading and
   content-visibility remain responsible for resource efficiency. */
.yl-production-runtime .yl-production-pending,
.yl-production-runtime .yl-production-inview,
.yl-production-runtime [data-yl-reveal-item].yl-production-pending,
.yl-production-runtime [data-yl-reveal-item].yl-production-inview,
.yl-production-runtime .yl-logo-motion-item,
.yl-production-runtime .yl-logo-motion-item.yl-logo-motion-pending,
.yl-production-runtime .yl-logo-motion-item.yl-logo-motion-inview,
.reveal-slow,
.reveal-series{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}

/* Do not keep product/card text inside unnecessary 3D compositor layers. */
.yl78-product-card,
.brand-product-card,
.technical-product-card{
  transform:none;
}

/* Preserve large-archive scalability: below-fold cards may skip paint work,
   but they must reserve deterministic geometry to avoid scroll jumps. */
.yl-content-auto,
.promo-tile,
.service-card,
.featured-board-card,
.yl78-product-card,
.category-card,
.support-feature-card,
.brand-product-card,
.reveal-board-card,
.stand-category-card,
.stand-type-card,
.cable-type-card,
.placeholder-product-card,
.archive-card{
  contain-intrinsic-size:320px 420px;
}

/* Touch devices pay disproportionately for live backdrop filters. The solid
   fallback keeps the same light visual language without continuous blur cost. */
@media (max-width:1180px), (hover:none), (pointer:coarse){
  .yl60-globalnav,
  .yl60-mobile-drawer,
  .yl60-search-overlay,
  .yl60-mega{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* Prevent hover-only transforms from being synthesized on touch hardware. */
@media (hover:none), (pointer:coarse){
  .yl78-product-card:hover,
  .brand-product-card:hover,
  .featured-board-card:hover,
  .promo-tile:hover{
    transform:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
  }
}