/* YILDIZ LAB V117 — Revised UI Update */
.yl78-product-card>.yl-favorite-float[data-favorite-toggle],.yl78-product-card .yl-favorite-float[data-favorite-toggle]{display:none!important;visibility:hidden!important;pointer-events:none!important}
.yl78-product-card{--yl116-media-height:clamp(245px,21vw,330px)}
.yl78-product-media,.yl96-product-remote-media{width:100%!important;height:var(--yl116-media-height)!important;min-height:245px!important;padding:clamp(20px,2vw,30px)!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:#f5f5f7!important}
.yl78-product-media>img,.yl96-product-remote-media>img,.yl78-product-card>img{display:block!important;width:auto!important;height:auto!important;max-width:92%!important;max-height:92%!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:auto!important}
.yl116-mobile-direct-nav{display:grid!important;padding:18px 20px 28px!important;gap:0!important}
.yl116-mobile-category-link,.yl116-mobile-category-soon{min-height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0 2px!important;border-bottom:1px solid rgba(0,0,0,.09)!important;color:#1d1d1f!important;text-decoration:none!important;font-size:22px!important;line-height:1.15!important;font-weight:720!important;letter-spacing:-.025em!important;background:transparent!important}
.yl116-mobile-category-link:active{opacity:.58}
.yl116-mobile-category-soon{color:#86868b!important;cursor:default!important}
.yl116-mobile-category-soon em{font-size:11px;font-style:normal;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#6e6e73;border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:6px 9px}
.yl60-mobile-account [data-yl116-auth-hidden="true"]{display:none!important}
.yl116-logout-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:46px;padding:0 22px;border:1px solid rgba(0,0,0,.16);border-radius:999px;background:#fff;color:#1d1d1f;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.cart-empty .pill-button{display:none!important}
.yl116-empty-actions{width:min(760px,100%);margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.yl116-empty-action{min-height:60px;display:flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;text-decoration:none!important;font-size:17px;font-weight:600;letter-spacing:-.01em;transition:opacity .18s ease,transform .18s ease}
.yl116-empty-action.primary{background:#0071e3;color:#fff;border:1px solid #0071e3}
.yl116-empty-action.secondary{background:#fff;color:#0071e3;border:1px solid #0071e3}
.yl116-empty-action:hover{opacity:.86}.yl116-empty-action:active{transform:scale(.99)}
@media(max-width:760px){
 .yl78-product-card{--yl116-media-height:238px}
 .yl78-product-media,.yl96-product-remote-media{min-height:238px!important;padding:18px!important;background:linear-gradient(180deg,#f6f6f8 0%,#f2f2f4 100%)!important}
 .yl78-product-media>img,.yl96-product-remote-media>img{max-width:94%!important;max-height:94%!important;mix-blend-mode:multiply}
 .mainboard-visual,.power-visual,.tcon-visual,#ir .promo-media,.wifi-media{background:#f5f5f7!important;box-shadow:none!important;border-color:transparent!important;overflow:hidden!important}
 .mainboard-visual img,.power-visual img,.tcon-visual img,#ir .promo-media img,.wifi-media img{mix-blend-mode:multiply}
 .yl116-empty-actions{grid-template-columns:1fr;gap:12px;margin-top:24px}
 .yl116-empty-action{min-height:56px;font-size:16px}
}

/* V117 adjustments */
.yl60-nav-link.yl73-nav-link-soon[data-nav-key="teknik"],
.yl60-nav-link[data-nav-key="teknik"][aria-disabled="true"]{
  pointer-events:none !important;
  cursor:default !important;
  color:rgba(29,29,31,.72) !important;
}
.yl60-nav-link[data-nav-key="teknik"] .yl73-nav-soon{display:inline-flex !important;}

.promo-actions{
  gap:14px !important;
}
.promo-actions .promo-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:1px solid #0071e3 !important;
  text-decoration:none !important;
  font-size:16px !important;
  font-weight:600 !important;
  line-height:1 !important;
  transition:opacity .18s ease, transform .18s ease, background .18s ease, color .18s ease;
  background:#fff;
  color:#0071e3 !important;
}
.promo-actions .promo-link:first-child{
  background:#0071e3;
  color:#fff !important;
}
.promo-actions .promo-link:hover{opacity:.88}
.promo-actions .promo-link:active{transform:scale(.99)}
.speaker-media{background:#f5f5f7 !important;box-shadow:none !important;border-color:transparent !important;overflow:hidden !important;}
.speaker-media img{mix-blend-mode:multiply; width:min(100%, 920px) !important;}

.yl116-mobile-category-link,.yl116-mobile-category-soon{
  justify-content:flex-start !important;
}
.yl116-mobile-category-link::after{content:none !important;display:none !important;}

.yl116-bag-disabled{pointer-events:none !important;opacity:.42 !important;}
.yl116-empty-actions{margin-top:26px !important;}
.yl116-empty-action.secondary{background:#fff !important;color:#1d1d1f !important;border-color:rgba(29,29,31,.16) !important;}

@media(max-width:760px){
 .brand-logo-img[data-brand="dell"],.yl-logo-fit[data-brand="dell"]{max-width:62px !important;max-height:42px !important;object-fit:contain !important;object-position:center !important;padding:0 !important;margin:auto !important}
 .speaker-media{background:#f5f5f7 !important}
 .speaker-media img{max-width:94% !important;max-height:94% !important;mix-blend-mode:multiply}
 .promo-actions .promo-link{min-height:46px !important;padding:0 18px !important;font-size:15px !important}
}


/* ================================================================
   YILDIZ LAB V118 — Navigation, Search, Cart and Catalogue Refinement
   ================================================================ */

/* Mobile homepage accessory visual: preserve every connector inside the card. */
@media(max-width:760px){
  #kablolar.promo-tile.wide{min-height:620px !important;}
  #kablolar .promo-media{min-height:300px !important;padding:0 24px 24px !important;background:#fff !important;align-items:center !important;overflow:hidden !important;}
  #kablolar .promo-media img{width:100% !important;max-width:100% !important;height:auto !important;object-fit:contain !important;object-position:center !important;transform:scale(.86) !important;transform-origin:center !important;}
}

/* Empty bag remains visually normal, but cannot be opened and explains itself. */
.yl116-bag-disabled{opacity:1 !important;pointer-events:auto !important;cursor:default !important;position:relative !important;}
.yl116-bag-disabled::after{
  content:'Sepetiniz boş';
  position:absolute;
  top:calc(100% + 11px);
  left:50%;
  transform:translate(-50%,-8px) scale(.98);
  min-width:126px;
  padding:9px 12px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 38px rgba(0,0,0,.12);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  color:#1d1d1f;
  font-size:12px;
  font-weight:650;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility .22s ease;
  z-index:9999;
}
.yl116-bag-disabled:hover::after,.yl116-bag-disabled:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);}

/* Apple-like empty-cart support block. */
.yl116-empty-actions{align-items:stretch !important;}
.yl116-empty-action.secondary{color:#0071e3 !important;border-color:#0071e3 !important;background:#fff !important;}
.yl116-empty-action.secondary:hover{background:#f5f9ff !important;}

/* Technical Parts retains Yakında status, while hover/focus opens the V115-style panel. */
.yl60-nav-link[data-nav-key="teknik"][data-nav-disabled="true"]{pointer-events:auto !important;cursor:default !important;}

/* Faster, calmer, Apple-style mega navigation transitions. */
.yl60-globalnav .yl60-mega{
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(0,-10px,0) !important;
  filter:saturate(.94) blur(1px);
  transition:opacity .24s ease,transform .42s cubic-bezier(.2,.8,.2,1),filter .32s ease,visibility 0s linear .42s !important;
  will-change:opacity,transform,filter !important;
}
.yl60-globalnav.is-mega-active .yl60-mega{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate3d(0,0,0) !important;
  filter:none;
  transition-delay:0s !important;
}
.yl60-globalnav .yl60-mega-inner{
  opacity:0 !important;
  transform:translate3d(0,-6px,0) scale(.995) !important;
  transition:opacity .22s ease,transform .38s cubic-bezier(.2,.8,.2,1) !important;
}
.yl60-globalnav.is-mega-active .yl60-mega-inner{opacity:1 !important;transform:translate3d(0,0,0) scale(1) !important;}
.yl60-globalnav.yl72-switching .yl60-mega-inner{opacity:.72 !important;transform:translate3d(0,3px,0) scale(.998) !important;}
.yl72-tile,.yl60-mega-actions .yl72-action{animation-duration:.38s !important;animation-timing-function:cubic-bezier(.2,.8,.2,1) !important;}
@media(max-width:1180px){.yl60-globalnav .yl60-mega{display:none !important;}}

/* TV Speakers card is pure white and visually continuous with the source asset. */
#hoparlorler.promo-tile,#hoparlorler .promo-media,.speaker-media{background:#fff !important;}
#hoparlorler .promo-media img,.speaker-media img{mix-blend-mode:normal !important;}

/* Restore a confident DELL scale while preserving the original asset. */
.brand-logo-img[data-brand="dell"],.yl-logo-fit[data-brand="dell"]{max-width:64px !important;max-height:64px !important;width:auto !important;height:auto !important;object-fit:contain !important;}
@media(max-width:760px){.brand-logo-img[data-brand="dell"],.yl-logo-fit[data-brand="dell"]{max-width:56px !important;max-height:52px !important;}}

/* Catalogue filter icon: three clean horizontal lines. */
.yl114-filter-icon::before{content:'' !important;position:absolute !important;left:0 !important;top:1px !important;width:22px !important;height:2px !important;border-radius:99px !important;background:currentColor !important;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor !important;}
.yl114-filter-icon::after{display:none !important;content:none !important;}

/* T-Con listing CTA. */
#one-cikan-t-con-karti .featured-boards-heading{display:flex !important;align-items:end !important;justify-content:space-between !important;gap:18px !important;}
#one-cikan-t-con-karti .featured-boards-heading>a{white-space:nowrap !important;}
@media(max-width:720px){#one-cikan-t-con-karti .featured-boards-heading{align-items:flex-start !important;flex-direction:column !important;}}

/* The new global overlay is the sole search result surface. */
.yl64-search-results{display:none !important;visibility:hidden !important;pointer-events:none !important;}

@media(prefers-reduced-motion:reduce){
  .yl60-globalnav .yl60-mega,.yl60-globalnav .yl60-mega-inner,.yl116-bag-disabled::after{transition:none !important;}
}


/* ==================================================================
   YILDIZ LAB V120 — PRODUCTION FINAL
   ================================================================== */

:root{
  --yl-surface:#f5f5f7;
  --yl-surface-soft:#f7f7f9;
  --yl-white:#fff;
  --yl-text:#1d1d1f;
  --yl-muted:#6e6e73;
  --yl-blue:#0071e3;
}
html{max-width:100%;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{max-width:100%;overflow-x:clip;background:var(--yl-white);}
img,svg,video,canvas{max-width:100%;}
img{height:auto;}
button,input,select,textarea{font:inherit;}
a,button,[role="button"]{-webkit-tap-highlight-color:transparent;}
:focus-visible{outline:2px solid var(--yl-blue);outline-offset:3px;}

/* Empty-cart nav state: original compact tooltip, wording fixed to “Sepetiniz boş”. */
.yl116-bag-disabled{opacity:1 !important;pointer-events:auto !important;cursor:default !important;position:relative !important;}
.yl116-bag-disabled::before{display:none !important;content:none !important;}
.yl116-bag-disabled::after{
  content:'Sepetiniz boş' !important;
  position:absolute !important;
  top:calc(100% + 11px) !important;
  left:50% !important;
  transform:translate(-50%,-8px) scale(.98) !important;
  min-width:126px !important;
  width:auto !important;
  padding:9px 12px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(160%) !important;
  color:var(--yl-text) !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
  text-align:center !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .2s ease !important;
  z-index:9999 !important;
}
.yl116-bag-disabled:hover::after,.yl116-bag-disabled:focus-visible::after{opacity:1 !important;visibility:visible !important;transform:translate(-50%,0) scale(1) !important;}

/* Production rendering and progressive lazy reveal. */
.yl-content-auto,.promo-tile,.service-card,.featured-board-card,.yl78-product-card,.category-card,.support-feature-card,.brand-product-card{
  content-visibility:auto;
  contain-intrinsic-size:320px 420px;
}
.yl-production-pending{opacity:0;transform:translate3d(0,18px,0) scale(.995);}
.yl-production-inview{opacity:1;transform:none;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);}
.yl-production-pending:nth-child(2n){transition-delay:.035s;}
.yl-production-pending:nth-child(3n){transition-delay:.07s;}

/* Robust responsive baseline for every page. */
@media(max-width:760px){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}
  input,select,textarea{font-size:16px !important;}
  h1{font-size:clamp(34px,11vw,54px) !important;line-height:1.04 !important;overflow-wrap:anywhere;}
  h2,h3,p,a,button,span,strong{overflow-wrap:anywhere;}
  .promo-grid,.service-grid,.featured-boards-track,.yl78-product-grid,.catalog-grid{min-width:0 !important;max-width:100% !important;}
  .promo-tile,.service-card,.featured-board-card,.yl78-product-card{min-width:0 !important;max-width:100% !important;}
  .promo-actions{width:100% !important;padding-inline:18px !important;}
  .promo-actions .promo-link{max-width:100% !important;}
  .promo-media{width:100% !important;min-width:0 !important;overflow:hidden !important;}
  .promo-media img{display:block !important;max-width:100% !important;margin-inline:auto !important;}
  .yl78-category-gateway{grid-template-columns:1fr !important;gap:18px !important;text-align:left !important;}
  .yl78-category-gateway>a{width:100% !important;justify-content:center !important;text-align:center !important;}
  .featured-boards-heading{align-items:flex-start !important;gap:12px !important;flex-wrap:wrap !important;}
  .featured-boards-heading>a{white-space:normal !important;}
  .catalog-filter-toolbar,.all-model-filter-toolbar{max-width:calc(100% - 24px) !important;min-width:0 !important;}
  .yl114-filter-panel,.yl114-sort-menu{max-width:100vw !important;overflow-x:hidden !important;}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .yl116-empty-actions{grid-template-columns:1fr !important;}
  .yl116-empty-action{width:100% !important;}
  .yl60-mobile-drawer{padding-bottom:max(24px,env(safe-area-inset-bottom)) !important;}
  .yl60-mobile-category-link,.yl116-mobile-category-link,.yl116-mobile-category-soon{min-height:58px !important;font-size:20px !important;}
}
@media(max-width:430px){
  .promo-actions{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}
  .promo-actions .promo-link{width:100% !important;}
  .yl60-nav-inner{padding-left:12px !important;padding-right:12px !important;}
  .yl60-nav-actions{gap:9px !important;}
  .yl60-brand span{display:none !important;}
}
@media(max-width:360px){
  .yl60-icon{width:40px !important;min-width:40px !important;}
  .promo-copy{padding-left:14px !important;padding-right:14px !important;}
  .yl116-empty-action{font-size:14px !important;padding-inline:14px !important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto !important;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  .yl-production-pending,.yl-production-inview{opacity:1 !important;transform:none !important;}
}


/* ==================================================================
   YILDIZ LAB V121 — REVISION CONTINUITY
   ================================================================== */

/* Model Archive: never let production reveal/content-visibility hide the TV catalogue. */
.page-model-archive .yl74-result-section,
.page-model-archive .yl74-model-grid,
.page-model-archive .yl74-model-card{
  opacity:1 !important;
  visibility:visible !important;
  transform:none;
}
.page-model-archive .yl74-result-section.yl-production-pending,
.page-model-archive .yl74-model-grid.yl-production-pending,
.page-model-archive .yl74-model-card.yl-production-pending{
  opacity:1 !important;
  transform:none !important;
}
.page-model-archive .yl74-model-card{content-visibility:visible !important;}

/* Keep the established three-line filter icon from V119. */
.yl114-filter-icon{width:18px !important;height:14px !important;position:relative !important;display:block !important;transform:none !important;background:none !important;}
.yl114-filter-icon::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(currentColor,currentColor) 0 0/18px 2px no-repeat,
    linear-gradient(currentColor,currentColor) 0 6px/13px 2px no-repeat,
    linear-gradient(currentColor,currentColor) 0 12px/8px 2px no-repeat !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.yl114-filter-icon::after{display:none !important;content:none !important;}

/* Additional mobile guardrails for the restored model catalogue. */
@media(max-width:760px){
  .page-model-archive .yl74-model-grid{grid-template-columns:1fr !important;gap:14px !important;}
  .page-model-archive .yl74-model-card{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}
  .page-model-archive .yl74-model-card-head{min-width:0 !important;}
  .page-model-archive .yl74-model-card-head h3,
  .page-model-archive .yl74-model-card-head small{overflow-wrap:anywhere !important;}
  .page-model-archive .yl74-model-parts,
  .page-model-archive .yl74-model-codes div{max-width:100% !important;}
}


/* ==================================================================
   YILDIZ LAB V122 — REVISION LOCK
   ================================================================== */

/* TV Speakers: use the exact same neutral promo surface language as sibling categories. */
#hoparlorler.promo-tile{
  background:var(--surface) !important;
  border-color:rgba(0,0,0,.05) !important;
}
#hoparlorler .promo-copy,
#hoparlorler .promo-media,
#hoparlorler .speaker-media{
  background:var(--surface) !important;
}
#hoparlorler .promo-media img,
#hoparlorler .speaker-media img{
  mix-blend-mode:multiply !important;
  background:transparent !important;
}

/* Filter icon locked to three clear, equal horizontal lines. */
.yl114-filter-icon{
  width:18px !important;
  height:14px !important;
  position:relative !important;
  display:block !important;
  transform:none !important;
  background:none !important;
}
.yl114-filter-icon::before{
  content:'' !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:18px !important;
  height:2px !important;
  border-radius:999px !important;
  background:currentColor !important;
  box-shadow:0 6px 0 currentColor,0 12px 0 currentColor !important;
}
.yl114-filter-icon::after{display:none !important;content:none !important;}

/* DELL: mobile category brand cells only. Desktop/web logo sizing is intentionally untouched. */
@media(max-width:760px){
  main .all-model-brand-grid img.brand-logo-img[data-brand="dell"],
  main .apple-series-strip img.brand-logo-img[data-brand="dell"],
  main .yl74-brand-logo-filter img[data-brand="dell"]{
    width:32px !important;
    height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:auto !important;
    padding:0 !important;
    transform:none !important;
  }
}


/* ==================================================================
   YILDIZ LAB V123 — FINAL LOCK
   ================================================================== */

/* Desktop mega-menu only: restore DELL to the larger, box-filling scale.
   Mobile DELL sizing remains controlled by the existing V122 mobile rule. */
@media(min-width:761px){
  .yl60-globalnav .yl60-mega .yl60-brand-grid .yl60-brand-tile img.brand-logo-img[data-brand="dell"],
  .yl60-globalnav .yl60-mega .yl60-brand-grid .yl60-brand-tile img[data-brand="dell"]{
    width:52px !important;
    height:52px !important;
    max-width:52px !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:center !important;
    padding:0 !important;
    margin:auto !important;
    transform:none !important;
  }
}

/* Listing hero: give category title/subtitle and search a calmer vertical rhythm. */
@media(min-width:761px){
  .yl78-product-hero{padding-bottom:clamp(58px,7vw,92px) !important;}
  .yl78-product-search{margin-top:48px !important;}
}
@media(max-width:760px){
  .yl78-product-search{margin-top:38px !important;}
}


/* === YILDIZ LAB Phase 2 V004: instant-content performance lock ===
   Content must never be hidden behind entrance animations or production reveal.
   Hover/micro-interactions remain intact. */
.reveal-slow,
.page-anakart .reveal-slow,
.page-product-detail .reveal-slow,
.reveal-series,
.page-anakart .reveal-series,
.reveal-board-card,
.yl-production-pending,
.yl-production-inview {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  animation: none !important;
  animation-delay: 0s !important;
}

.yl-content-auto,
.promo-tile,
.service-card,
.featured-board-card,
.yl78-product-card,
.category-card,
.support-feature-card,
.brand-product-card {
  content-visibility: visible !important;
}

.yl60-account-link .yl65-account-icon {
  display:block !important;
  width:17px !important;
  height:17px !important;
  max-width:17px !important;
  max-height:17px !important;
}

/* Navigation remains animated, but no stagger that makes labels appear late. */
.yl60-globalnav .yl60-mega,
.yl60-globalnav .yl60-mega-inner,
.yl60-globalnav .yl60-mega * {
  transition-delay: 0s !important;
}


/* === YILDIZ LAB Phase 2 V005: featured-product media harmonization === */
@media (min-width:761px){
  .page-anakart #one-cikan-anakartlar .featured-board-card,
  .page-besleme #one-cikan-besleme-kartlari .featured-board-card,
  .page-tcon #one-cikan-t-con-karti .featured-board-card,
  .page-wifi #one-cikan-wifi-modul .featured-board-card,
  .page-buton-ir #one-cikan-buton-ir .featured-board-card,
  .page-speakers #tum-hoparlorler .featured-board-card,
  .page-panel-driver #tum-panel-surucu-kartlar .featured-board-card{
    min-height:620px !important;
    height:100% !important;
  }

  .page-anakart #one-cikan-anakartlar .featured-board-media,
  .page-besleme #one-cikan-besleme-kartlari .featured-board-media,
  .page-tcon #one-cikan-t-con-karti .featured-board-media,
  .page-wifi #one-cikan-wifi-modul .featured-board-media,
  .page-buton-ir #one-cikan-buton-ir .featured-board-media,
  .page-speakers #tum-hoparlorler .featured-board-media{
    height:326px !important;
    min-height:326px !important;
    padding:24px !important;
    background:#f5f5f7 !important;
  }

  .page-anakart #one-cikan-anakartlar .featured-board-media > img,
  .page-besleme #one-cikan-besleme-kartlari .featured-board-media > img,
  .page-tcon #one-cikan-t-con-karti .featured-board-media > img,
  .page-wifi #one-cikan-wifi-modul .featured-board-media > img,
  .page-buton-ir #one-cikan-buton-ir .featured-board-media > img,
  .page-speakers #tum-hoparlorler .featured-board-media > img{
    width:100% !important;
    height:100% !important;
    max-width:92% !important;
    max-height:90% !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  /* Placeholder artwork contains its own studio margin; compensate only in these two families. */
  .page-wifi #one-cikan-wifi-modul .placeholder-product-media > img,
  .page-buton-ir #one-cikan-buton-ir .placeholder-product-media > img{
    max-width:100% !important;
    max-height:100% !important;
    transform:scale(1.10) !important;
  }

  .page-speakers #tum-hoparlorler .placeholder-product-media > img{
    max-width:96% !important;
    max-height:94% !important;
  }

  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card{
    grid-template-rows:326px minmax(0,1fr) !important;
  }
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .placeholder-product-media{
    height:326px !important;
    min-height:326px !important;
    padding:24px !important;
    background:#f5f5f7 !important;
  }
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .placeholder-product-media > img{
    max-width:90% !important;
    max-height:88% !important;
  }
}

@media (max-width:760px){
  .page-anakart #one-cikan-anakartlar .featured-board-media,
  .page-besleme #one-cikan-besleme-kartlari .featured-board-media,
  .page-tcon #one-cikan-t-con-karti .featured-board-media,
  .page-wifi #one-cikan-wifi-modul .featured-board-media,
  .page-buton-ir #one-cikan-buton-ir .featured-board-media,
  .page-speakers #tum-hoparlorler .featured-board-media{
    min-height:236px !important;
    height:236px !important;
    padding:16px !important;
  }
  .page-wifi #one-cikan-wifi-modul .placeholder-product-media > img,
  .page-buton-ir #one-cikan-buton-ir .placeholder-product-media > img{
    transform:scale(1.06) !important;
  }
}

/* Accessories no longer expose condition as a customer-facing filter/badge. */
.page-accessories-products .yl78-condition-tabs,
.page-accessories-products .yl78-condition{display:none !important;}

/* V005 static product page: selected product is rendered in HTML before runtime scripts. */
.page-product-detail[data-product-static="1"] #ylPurchaseImage{
  opacity:1 !important;
  visibility:visible !important;
}
.page-product-detail[data-product-static="1"] .product-main-image{
  min-height:clamp(300px,42vw,620px) !important;
}

@media (min-width:981px){
  .page-anakart #one-cikan-anakartlar .featured-boards-track,
  .page-besleme #one-cikan-besleme-kartlari .featured-boards-track,
  .page-tcon #one-cikan-t-con-karti .featured-boards-track,
  .page-wifi #one-cikan-wifi-modul .featured-boards-track,
  .page-buton-ir #one-cikan-buton-ir .featured-boards-track,
  .page-speakers #tum-hoparlorler .featured-boards-track,
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76{
    width:min(1320px,calc(100% - 48px)) !important;
    max-width:1320px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:20px !important;
    padding-inline:0 !important;
  }
}


/* === YILDIZ LAB Phase 2 V006 — FLOW LOCK / fixed media scale === */

/* Permanent Panel Driver family artwork: remove excessive studio-canvas whitespace visually.
   The source object remains uncropped and its aspect ratio is preserved. */
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .placeholder-product-media{
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .placeholder-product-media > img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:auto !important;
  transform-origin:center center !important;
}
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(1) .placeholder-product-media > img{
  transform:scale(1.16) !important;
}
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(2) .placeholder-product-media > img{
  transform:scale(1.28) !important;
}
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(3) .placeholder-product-media > img{
  transform:scale(1.15) !important;
}
.page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(4) .placeholder-product-media > img{
  transform:scale(1.13) !important;
}

/* Fixed featured T-Con cards: use the full media surface, still contain/no crop of the board. */
.page-tcon #one-cikan-t-con-karti .featured-board-media > img{
  max-width:100% !important;
  max-height:100% !important;
}

/* Stable product pages: no transient skeleton/placeholder appearance. */
.page-product-detail[data-product-static="1"] .product-buy-section,
.page-product-detail[data-product-static="1"] .selected-product-section,
.page-product-detail[data-product-static="1"] #ylPurchaseTitle,
.page-product-detail[data-product-static="1"] #ylPurchasePrice,
.page-product-detail[data-product-static="1"] #ylPurchaseImage{
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
  transition:none !important;
}

/* Keep navigation clicks deterministic during the final localhost flow QA. */
.page-product-detail a,
.featured-board-actions a{
  -webkit-tap-highlight-color:transparent;
}

@media (max-width:760px){
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(1) .placeholder-product-media > img{transform:scale(1.10) !important;}
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(2) .placeholder-product-media > img{transform:scale(1.20) !important;}
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(3) .placeholder-product-media > img{transform:scale(1.10) !important;}
  .page-panel-driver #tum-panel-surucu-kartlar .panel-driver-gallery-v76 .featured-board-card:nth-child(4) .placeholder-product-media > img{transform:scale(1.08) !important;}
}


/* ==================================================================
   YILDIZ LAB Phase 2 V007 — FRONTEND LOCK
   Mobile filter + image reliability
   ================================================================== */

/* Keep images visible while decoding/retrying; never hide media as a transition state. */
img{
  visibility:visible;
}
.yl60-brand-tile img,
.brand-logo-img,
.yl74-model-logo img,
.product-main-image img,
.featured-board-media img,
.placeholder-product-media img,
.yl78-product-media img{
  opacity:1 !important;
  visibility:visible !important;
}

/* Mobile FILTER: true full-viewport sheet. No clipped tab text, no off-screen footer. */
@media (max-width:760px){
  .yl114-filter-layer{
    width:100dvw !important;
    height:100dvh !important;
    max-width:100dvw !important;
    max-height:100dvh !important;
    overflow:hidden !important;
  }
  .yl114-filter-panel{
    inset:0 !important;
    width:100dvw !important;
    height:100dvh !important;
    min-width:0 !important;
    max-width:100dvw !important;
    max-height:100dvh !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) auto !important;
    transform:translateY(14px) !important;
    box-shadow:none !important;
  }
  .yl114-filter-layer.is-open .yl114-filter-panel{
    transform:none !important;
  }
  .yl114-filter-header{
    width:100% !important;
    min-height:72px !important;
    padding:12px 14px !important;
    gap:12px !important;
    box-sizing:border-box !important;
  }
  .yl114-filter-header h2{
    font-size:25px !important;
    line-height:1.05 !important;
  }
  .yl114-filter-header p{
    display:block !important;
    margin-top:5px !important;
    max-width:calc(100vw - 82px) !important;
    font-size:11px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .yl114-close{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }
  .yl114-filter-search-row{
    width:100% !important;
    padding:10px 12px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    box-sizing:border-box !important;
  }
  .yl114-filter-search-row label{
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    padding:0 13px !important;
    box-sizing:border-box !important;
  }
  .yl114-filter-search-row input{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    font-size:16px !important;
    text-overflow:ellipsis !important;
  }
  .yl114-filter-search-row > div,
  .yl114-filter-search-row .yl114-preview{
    display:flex !important;
    min-width:52px !important;
    justify-content:flex-end !important;
  }

  .yl114-filter-workspace{
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(0,1fr) !important;
  }

  .yl114-filter-tabs{
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    max-height:58px !important;
    padding:7px 10px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
    background:#fafafa !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    box-sizing:border-box !important;
  }
  .yl114-filter-tabs::-webkit-scrollbar{display:none !important;}

  .yl114-filter-tab{
    width:auto !important;
    min-width:max-content !important;
    min-height:42px !important;
    height:42px !important;
    flex:0 0 auto !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border:1px solid rgba(0,0,0,.09) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#111 !important;
  }
  .yl114-filter-tab span{
    font-size:11.5px !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
  }
  .yl114-filter-tab i{display:none !important;}
  .yl114-filter-tab b{
    min-width:19px !important;
    width:19px !important;
    height:19px !important;
    font-size:9px !important;
  }
  .yl114-filter-tab.is-active,
  .yl114-filter-tab:hover{
    background:#111 !important;
    color:#fff !important;
    border-color:#111 !important;
  }

  .yl114-filter-panels{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:18px 14px 32px !important;
    box-sizing:border-box !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .yl114-filter-group{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .yl114-filter-group header{
    margin-bottom:14px !important;
    padding-bottom:13px !important;
  }
  .yl114-filter-group h3{
    font-size:20px !important;
    overflow-wrap:anywhere !important;
  }
  .yl114-filter-group p{
    font-size:11.5px !important;
    line-height:1.45 !important;
  }
  .yl114-option-grid{
    width:100% !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  .yl114-choice{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    grid-template-columns:22px minmax(0,1fr) auto !important;
  }
  .yl114-choice em{
    min-width:0 !important;
    font-size:13px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .yl114-filter-footer{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    min-height:72px !important;
    max-width:100% !important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom)) !important;
    box-sizing:border-box !important;
    z-index:4 !important;
  }
  .yl114-filter-footer > div:first-child{
    display:none !important;
  }
  .yl114-filter-footer-actions{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr) !important;
    gap:8px !important;
  }
  .yl114-filter-footer button{
    width:100% !important;
    min-width:0 !important;
    height:50px !important;
    padding:0 10px !important;
    font-size:12px !important;
  }
}

@media (max-width:360px){
  .yl114-filter-header p{display:none !important;}
  .yl114-filter-search-row{
    grid-template-columns:1fr !important;
  }
  .yl114-filter-search-row > div,
  .yl114-filter-search-row .yl114-preview{
    display:none !important;
  }
  .yl114-filter-tabs{
    min-height:56px !important;
    max-height:56px !important;
  }
}


/* === V008 BACKEND ACCOUNT STATE === */
.yl-backend-account-state{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:0 0 24px;padding:18px 20px;border:1px solid rgba(0,0,0,.08);
  border-radius:18px;background:rgba(255,255,255,.82);box-sizing:border-box;
}
.yl-backend-account-state>div{display:grid;gap:3px;min-width:0}
.yl-backend-account-state span,.yl-backend-account-state small{font-size:12px;color:#6e6e73}
.yl-backend-account-state strong{font-size:17px;color:#1d1d1f;overflow-wrap:anywhere}
.yl-backend-error{margin-top:12px}
@media(max-width:640px){
  .yl-backend-account-state{align-items:flex-start;flex-direction:column}
}


/* === V008R1 AUTH STATUS / STARTER FIX === */
.yl-backend-local-status{
  display:grid;
  gap:4px;
  margin:0 0 18px;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:14px;
  background:rgba(248,248,250,.92);
  box-sizing:border-box;
}
.yl-backend-local-status strong{
  font-size:13px;
  line-height:1.25;
  color:#1d1d1f;
}
.yl-backend-local-status span{
  font-size:11.5px;
  line-height:1.45;
  color:#6e6e73;
}
.yl-backend-local-status.is-error{
  border-style:dashed;
}
.yl-backend-error{
  display:block;
  width:100%;
  margin:14px 0 0;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:12px;
  background:#f7f7f8;
  color:#1d1d1f;
  font-size:12px;
  line-height:1.45;
  box-sizing:border-box;
}

/* V010R3 cart layout is isolated in assets/css/cart-reference.css. */
.yl-managed-addon-copy{display:flex;align-items:center;gap:14px;min-width:0}.yl-managed-addon-copy>img{width:72px;height:72px;object-fit:contain;flex:0 0 72px;border-radius:12px;background:#fff}.yl-managed-addon-copy>span{min-width:0}.yl-managed-addon-copy em{display:block;font-style:normal}.yl-info-addon .yl-managed-addon-copy>img{filter:none}
@media(max-width:560px){.yl-managed-addon-copy>img{width:58px;height:58px;flex-basis:58px}}


/* ==================================================================
   YILDIZ LAB V010R8 — Featured media reliability + safe visual scale
   Frontend lock: geometry/typography/navigation unchanged.
   ================================================================== */
/* Chromium can defer paint for the last card when content-visibility:auto is
   combined with async decoded media. Featured product media is above-the-fold
   commerce content, so it must always participate in paint. */
.featured-boards-track .featured-board-media,
.featured-boards-track .placeholder-product-media{
  content-visibility:visible !important;
  contain:none !important;
  background:#f5f5f7 !important;
  isolation:isolate;
}
.featured-boards-track .featured-board-media > img,
.featured-boards-track .placeholder-product-media > img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:84% !important;
  max-height:82% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
/* Tall source canvases need extra breathing room, never crop or squash. */
.featured-boards-track [data-media-ratio="tall"] > img{max-width:76% !important;max-height:80% !important;}
.featured-boards-track [data-media-ratio="wide"] > img{max-width:86% !important;max-height:76% !important;}
.yl78-product-media{background:#f5f5f7 !important;content-visibility:visible !important;contain:none !important;}
.yl78-product-media > img{max-width:86% !important;max-height:84% !important;object-fit:contain !important;object-position:center !important;}
@media(max-width:760px){
  .featured-boards-track .featured-board-media > img,
  .featured-boards-track .placeholder-product-media > img{max-width:82% !important;max-height:80% !important;}
  .yl78-product-media > img{max-width:84% !important;max-height:82% !important;}
}

.yl-featured-catalog-card .yl78-product-kicker{font-size:11px;color:#86868b;font-weight:700}.yl-featured-list-price{display:block;margin-top:12px;font-size:16px;letter-spacing:-.02em}


/* V011R4 model/archive final lock: no deferred card paint; long actions stack safely. */
.page-model-archive .yl74-model-card{content-visibility:visible!important;contain:none!important;}
.page-model-archive .yl74-model-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:8px!important;}
.page-model-archive .yl74-model-actions a{width:100%!important;min-width:0!important;white-space:normal!important;text-align:center!important;}

/* ==================================================================
   YILDIZ LAB V011R19 — SOURCE PROGRESSIVE REVEAL AUTHORITY
   Latest frontend rollback lock restores the final-source viewport-driven
   reveal/content-visibility contract without re-enabling legacy timed
   entrance animations. production-runtime.js alone owns pending/in-view.
   ================================================================== */
.yl-production-pending.yl-production-pending{
  opacity:0 !important;
  transform:translate3d(0,18px,0) scale(.995) !important;
  filter:none !important;
}
.yl-production-inview.yl-production-inview{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1) !important;
}
.yl-content-auto,
.promo-tile,
.service-card,
.featured-board-card,
.yl78-product-card,
.category-card,
.support-feature-card,
.brand-product-card{
  content-visibility:auto !important;
  contain-intrinsic-size:320px 420px;
}
@media(prefers-reduced-motion:reduce){
  .yl-production-pending.yl-production-pending,
  .yl-production-inview.yl-production-inview{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* ==================================================================
   YILDIZ LAB V011R20 — FINAL HTML INDEX-DRIVEN STAGGER LOCK
   DOM order is the reveal authority: left→right, then next row. Dynamic
   backend cards receive the same --i / --yl-reveal-index contract from
   production-runtime.js. Lazy loading remains a separate concern.
   ================================================================== */
.yl-production-runtime .yl-production-pending.yl-production-pending{
  opacity:0 !important;
  transform:translate3d(0,18px,0) scale(.995) !important;
  transition:none !important;
}
.yl-production-runtime .yl-production-inview.yl-production-inview{
  opacity:1 !important;
  transform:none !important;
  transition-property:opacity,transform !important;
  transition-duration:.72s,.78s !important;
  transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1) !important;
  transition-delay:var(--yl-reveal-delay,0ms) !important;
}
@media(prefers-reduced-motion:reduce){
  .yl-production-runtime .yl-production-pending.yl-production-pending,
  .yl-production-runtime .yl-production-inview.yl-production-inview{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
  }
}

/* ==================================================================
   YILDIZ LAB V011R21 — GLOBAL FINAL-HTML MOTION CLOSE-CASE
   Extends only the existing source motion contract to curated repeating
   visual units. Resource lazy-loading remains independent.
   ================================================================== */
.reveal-board-card,
.stand-category-card,
.stand-type-card,
.cable-type-card,
.placeholder-product-card,
.support-topic-card,
.support-action-card,
.support-card,
.brand-logo-frame,
.brand-only-logo,
.yl74-brand-logo-filter,
.power-board-card,
.archive-card,
.mini-help-card,
.info-card,
.box-contents-panel .content-item,
.component-info-grid>article{
  content-visibility:auto;
  contain-intrinsic-size:280px 340px;
}
.yl-production-runtime [data-yl-reveal-item].yl-production-pending{
  opacity:0 !important;
  transform:translate3d(0,18px,0) scale(.995) !important;
}
@media(prefers-reduced-motion:reduce){
  .yl-production-runtime [data-yl-reveal-item],
  .yl-production-runtime .yl-production-pending,
  .yl-production-runtime .yl-production-inview{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
  }
}

/* ==================================================================
   YILDIZ LAB V011R23 — MODEL ARCHIVE DETERMINISTIC LOAD LOCK
   Core archive readiness is never gated by production viewport reveal.
   The archive's own lightweight authored card animation may still run.
   ================================================================== */
.yl-production-runtime .page-model-archive .yl74-result-section.yl-production-pending,
.yl-production-runtime .page-model-archive .yl74-model-grid.yl-production-pending,
.yl-production-runtime .page-model-archive .yl74-model-card.yl-production-pending,
.yl-production-runtime .page-model-archive .yl74-result-section.yl-production-inview,
.yl-production-runtime .page-model-archive .yl74-model-grid.yl-production-inview,
.yl-production-runtime .page-model-archive .yl74-model-card.yl-production-inview {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
.yl-production-runtime .page-model-archive .yl74-model-card {
  content-visibility: visible !important;
  contain: none !important;
}



/* ==================================================================
   YILDIZ LAB V011R26 — BRAND LOGO MOTION ADDENDUM LOCK
   Existing logo geometry/assets stay untouched. Visible groups initialize
   automatically; below-fold groups reveal on viewport entry. Motion remains
   deterministic, compositor-only and independent from image loading.
   ================================================================== */
.yl-production-runtime .yl-logo-motion-item{
  will-change:opacity,transform;
  backface-visibility:hidden;
}
.yl-production-runtime .yl-logo-motion-item.yl-logo-motion-pending{
  opacity:0 !important;
  transform:translate3d(0,8px,0) !important;
  filter:none !important;
  animation:none !important;
  transition:none !important;
}
.yl-production-runtime .yl-logo-motion-item.yl-logo-motion-inview{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  animation:none !important;
  transition-property:opacity,transform !important;
  transition-duration:.62s,.66s !important;
  transition-timing-function:cubic-bezier(.22,1,.36,1),cubic-bezier(.22,1,.36,1) !important;
  transition-delay:var(--yl-logo-delay,0ms) !important;
}
@media(max-width:760px){
  .yl-production-runtime .yl-logo-motion-item.yl-logo-motion-inview{
    transition-duration:.54s,.58s !important;
  }
}
@media(prefers-reduced-motion:reduce){
  .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{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    animation:none !important;
    transition:none !important;
    will-change:auto !important;
  }
}