/* Ana sayfa vitrini v2 (home/index.php #vqMoodHero.vq-hero-v2): sinematik, sade, premium. Arka plan sabit (büyüme efekti yok).
   Eski katmanlı kurallar (home-components-v1.css, ~250 kural) yerinde duruyor; burada #id ile baştan çizilir.
   JS (js/home-mood-hero-v1.js) aynı kimlikleri ve sınıfları kullanır: meta, logo, başlık, özet, neden satırı, afiş şeridi. */

/* ---------- Kabuk ---------- */
html body #vqMoodHero.vq-hero-v2{
  --h2-bg:#070c15;
  --h2-ink:#f8fafc;
  --h2-mute:rgba(226,232,240,.74);
  --h2-line:rgba(255,255,255,.14);
  --h2-glass:rgba(255,255,255,.08);
  --h2-gold:#f5c542;
  --h2-accent:#c4b5fd;
  position:relative;
  min-height:clamp(640px,88vh,880px)!important;
  height:auto!important;
  margin:-74px 0 0!important;
  padding:74px 0 0!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden;
  isolation:isolate;
  border-bottom:0!important;
  background:var(--h2-bg);
}

/* ---------- Görsel ---------- */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-bg{
  inset:0!important;
  z-index:-3!important;
  background-size:cover!important;
  background-position:center 22%!important;
  transform:none!important; /* büyüme efekti yok (kullanıcı isteği, 29.10.2026) */
  filter:none!important;
  opacity:1!important; /* eski kural 0.78 yapıyordu: arkadaki mor zemin görselin içinden sızıyordu */
  animation:none!important;
}

/* Slayt geçişi: yeni görsel eskisinin üstünde yumuşakça belirir (js/home-mood-hero-v1.js crossfadeHeroBg) */
html body #vqMoodHero.vq-hero-v2 .vq-hero2-bg-next{
  position:absolute;inset:0;z-index:-3;pointer-events:none;
  background-size:cover;background-position:center 22%;background-repeat:no-repeat;
  opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);
}
html body #vqMoodHero.vq-hero-v2 .vq-hero2-bg-next.is-in{opacity:1}

/* Yazı tarafı koyu, sağ taraf görsele açık; üstte başlık için, altta sayfaya geçiş için yumuşak gölge */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-overlay{
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(7,12,21,.96) 0%,rgba(7,12,21,.86) 22%,rgba(7,12,21,.52) 44%,rgba(7,12,21,.12) 66%,rgba(7,12,21,.05) 100%),
    linear-gradient(180deg,rgba(7,12,21,.78) 0%,rgba(7,12,21,0) 22%,rgba(7,12,21,0) 52%,rgba(7,12,21,.72) 80%,var(--h2-bg) 100%)!important;
}
/* Mor parlama yerine hafif kenar karartması */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-glow{
  display:block!important;
  position:absolute;
  inset:0;
  z-index:-1!important;
  pointer-events:none;
  background:radial-gradient(120% 90% at 72% 38%,transparent 55%,rgba(3,6,12,.55) 100%)!important;
  filter:none!important;
  opacity:1!important;
  animation:none!important;
}

/* ---------- İçerik ---------- */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-inner{
  position:relative!important;
  width:100%;
  display:block!important;
  padding:0 0 clamp(44px,7vh,76px)!important;
  min-height:0!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy{
  position:static!important;
  max-width:min(600px,52%)!important;
  margin:0!important;
  padding:0!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-shadow:0 2px 18px rgba(0,0,0,.45);
}

/* Etiket: ince çizgi + aralıklı küçük harf */
html body #vqMoodHero.vq-hero-v2 .vq-cinema-label{
  display:inline-flex!important;
  align-items:center;
  gap:12px;
  margin:0 0 16px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:rgba(255,255,255,.72)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.32em!important;
  text-transform:uppercase;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-label::before{
  content:""!important;
  width:28px!important;
  height:1px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75))!important;
  box-shadow:none!important;
}

/* Neden önerildi: cam çip */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why{
  order:1!important;
  display:inline-flex!important;
  align-items:center;
  gap:9px;
  max-width:100%;
  margin:0 0 22px!important;
  padding:8px 14px 8px 11px;
  border:1px solid var(--h2-line);
  border-radius:999px;
  background:rgba(12,16,28,.42);
  backdrop-filter:blur(14px) saturate(1.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  color:rgba(255,255,255,.9)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.3;
  text-shadow:none;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why[hidden]{display:none!important}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why i{
  display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(140deg,#a78bfa,#f0abfc);color:#1a1033!important;font-size:10px;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Logo / başlık */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-logo{
  order:2!important;
  display:block;
  width:auto!important;
  max-width:min(460px,100%)!important;
  height:auto!important;
  margin:0 0 22px!important;
  padding:0!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-logo.is-fallback{display:none!important}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-logo img{
  display:block;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:left bottom!important;
  filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-title{
  order:2!important;
  margin:0 0 20px!important;
  color:var(--h2-ink)!important;
  font-size:clamp(40px,4.6vw,68px)!important;
  font-weight:900!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  max-width:14ch;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-title.is-logo-hidden{display:none!important}

/* Bilgi satırı: hap etiketler (JS span + .dot üretir; noktalar gizlenir) */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta{
  order:3!important;
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px!important;
  /* 3px iç boşluk (dış boşluktan düşüldü, yerleşim aynı): iOS Safari animasyonda katman sınırını yuvarlayıp
     hapların alt kenarını bir an kesiyordu; haplar artık sınıra değmez. */
  margin:-3px 0 15px!important;
  padding:3px 0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:.01em;
  text-shadow:none;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta .dot{display:none!important}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:28px;
  padding:0 12px;
  border:1px solid var(--h2-line);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta .rating{
  color:var(--h2-gold)!important;
  border-color:rgba(245,197,66,.38);
  background:rgba(245,197,66,.1);
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta .rating i{font-size:11px}

/* Özet */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-overview{
  order:4!important;
  max-width:54ch!important;
  margin:0 0 28px!important;
  color:var(--h2-mute)!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.62!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

/* Düğmeler: dolu beyaz birincil, cam ikincil, yuvarlak simge üçüncül */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-actions{
  order:5!important;
  margin:-3px 0!important;
  padding:3px 0!important; /* aynı sebep: düğme kenarları katman sınırına değmesin */
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:12px!important;
  grid-template-columns:none!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary,
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-secondary{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important; /* eski kurallar 168px / %100 veriyordu: telefonda bir düğme eziliyor, biri taşıyordu */
  max-width:none!important;
  flex:0 0 auto!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:52px!important;
  min-height:52px!important;
  padding:0 26px!important;
  border-radius:14px!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  text-decoration:none;
  text-shadow:none;
  box-shadow:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary{
  border:0!important;
  background:#fff!important;
  color:#0b0f1a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.35)!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary:hover{background:#e9e5ff!important;transform:translateY(-2px)}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary i{color:#6d28d9;font-size:16px}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-secondary{
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.1)!important;
  color:#fff!important;
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-secondary:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.34)!important;transform:translateY(-2px)}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-trailer[hidden]{display:none!important}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less{
  position:relative;
  width:52px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:16px!important;
  color:rgba(255,255,255,.82)!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less span{
  position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);
  padding:6px 10px;border-radius:8px;background:rgba(10,13,24,.92);border:1px solid rgba(255,255,255,.12);
  color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less:hover span,
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less:focus-visible span{opacity:1;transform:translate(-50%,0)}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less.is-saved{color:#86efac!important;border-color:rgba(134,239,172,.45)!important}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary:focus-visible,
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-secondary:focus-visible,
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb:focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}

/* ---------- Sıradaki: afiş şeridi (sağ alt) ---------- */
html body #vqMoodHero.vq-hero-v2 .vq-cinema-rail{
  position:absolute!important;
  right:0!important;
  bottom:clamp(44px,7vh,76px)!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end;
  gap:12px!important;
  overflow:visible!important;
  transform:none!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-rail::before{
  content:"Sıradaki";
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  color:rgba(255,255,255,.6);
  font-size:11px;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb{
  position:relative!important;
  flex:0 0 auto!important;
  width:92px!important;
  height:138px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:#111827;
  opacity:.62!important;
  filter:saturate(.75) brightness(.85)!important;
  transform:none!important;
  box-shadow:0 14px 34px rgba(0,0,0,.45)!important;
  cursor:pointer;
  transition:opacity .25s ease,filter .25s ease,transform .25s ease,width .3s ease,height .3s ease,border-color .25s ease!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb:hover{opacity:.95!important;filter:none!important;transform:translateY(-4px)!important}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb.is-active{
  width:112px!important;
  height:168px!important;
  opacity:1!important;
  filter:none!important;
  border-color:rgba(255,255,255,.75)!important;
  box-shadow:0 0 0 3px rgba(196,181,253,.25),0 18px 40px rgba(0,0,0,.55)!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb::after{
  content:""!important;position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(3,5,9,.85) 0%,rgba(3,5,9,0) 48%)!important;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb-index{
  position:absolute;z-index:2;top:8px;left:9px;
  color:rgba(255,255,255,.85)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em;
  text-shadow:0 1px 6px rgba(0,0,0,.7);
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb-title{
  position:absolute;z-index:2;right:9px;bottom:12px;left:9px;
  overflow:hidden;color:#fff!important;font-size:10.5px!important;font-weight:800!important;line-height:1.2;
  white-space:nowrap;text-overflow:ellipsis;text-align:left;
}
/* Otomatik geçişe kalan süre: aktif afişin altında dolan çizgi (7 sn, JS ile aynı). Üstüne gelince/odakta durur ve sıfırlanır. */
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb::before{
  content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#a78bfa,#f0abfc);
  transform:scaleX(0);transform-origin:left;opacity:0;
}
html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb.is-active::before{opacity:1;animation:vqH2Progress 7s linear forwards}
html body #vqMoodHero.vq-hero-v2:hover .vq-cinema-thumb.is-active::before,
html body #vqMoodHero.vq-hero-v2:focus-within .vq-cinema-thumb.is-active::before{animation:none;transform:scaleX(0)}
@keyframes vqH2Progress{to{transform:scaleX(1)}}

/* Masaüstünde şerit gezinmeyi taşır: ok/nokta kontrolleri gizli */
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-controls{display:none!important}

/* Slayt değişimi: yazılar kısa bir kayma ile gelir */
html body #vqMoodHero.vq-hero-v2.is-changing .vq-mood-hero-copy>:not(.vq-cinema-rail){animation:vqH2Out .2s ease both!important}
html body #vqMoodHero.vq-hero-v2:not(.is-changing) .vq-mood-hero-copy>:not(.vq-cinema-rail){animation:vqH2In .55s cubic-bezier(.2,.8,.2,1) both}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-why{animation-delay:.02s}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-logo,
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-title{animation-delay:.06s}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-meta{animation-delay:.1s}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-overview{animation-delay:.14s}
html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>.vq-mood-hero-actions{animation-delay:.18s}
@keyframes vqH2Out{to{opacity:0;transform:translateY(6px)}}
@keyframes vqH2In{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------- Tablet ---------- */
@media (max-width:1180px){
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy{max-width:min(620px,100%)!important}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-rail{
    position:static!important;
    order:6!important;
    margin:34px 0 0!important;
  }
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-rail::before{display:none}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb{width:78px!important;height:117px!important}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb.is-active{width:92px!important;height:138px!important}
}

/* ---------- Telefon: görsel üstte, yazılar alta bindirilir, şerit yerine noktalar ---------- */
@media (max-width:760px){
  html body #vqMoodHero.vq-hero-v2{
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
  }
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-bg{
    bottom:auto!important;
    height:min(72vh,560px)!important;
    background-position:center 18%!important;
  }
  html body #vqMoodHero.vq-hero-v2 .vq-hero2-bg-next{bottom:auto;height:min(72vh,560px);background-position:center 18%}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-overlay{
    background:
      linear-gradient(180deg,rgba(7,12,21,.7) 0%,rgba(7,12,21,0) 18%,rgba(7,12,21,0) 34%,rgba(7,12,21,.55) 52%,var(--h2-bg) 70%)!important;
  }
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-glow{display:none!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-inner{padding:min(40vh,320px) 16px 14px!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy{max-width:100%!important;align-items:center;text-align:center}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-label{margin-bottom:12px!important;font-size:10px!important;letter-spacing:.26em!important}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-label::before{display:none!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why{order:4!important;margin:0 0 16px!important;font-size:12px!important;padding:6px 12px 6px 8px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,16,28,.62)}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-why i{flex-basis:18px;width:18px;height:18px;font-size:8px}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-logo{margin:0 auto 14px!important;max-width:78%!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-logo img{max-height:92px!important;object-position:center bottom!important;margin:0 auto}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-title{font-size:36px!important;margin-bottom:14px!important;max-width:none}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta{justify-content:center;gap:6px!important;margin-bottom:11px!important;font-size:11.5px!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-meta>span{height:24px;padding:0 9px;border-radius:7px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.08)}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-overview{order:3!important;font-size:14px!important;line-height:1.55!important;margin:0 0 16px!important;-webkit-line-clamp:3!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-actions{order:5!important;width:100%;flex-wrap:nowrap!important;gap:10px!important;justify-content:center}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-primary{flex:1 1 auto!important;height:48px!important;min-height:48px!important;padding:0 18px!important;font-size:15px!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-secondary{flex:0 1 auto!important;height:48px!important;min-height:48px!important;padding:0 16px!important;font-size:14px!important;backdrop-filter:none;-webkit-backdrop-filter:none}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less{width:48px!important;min-width:48px!important;max-width:48px!important;flex:0 0 48px!important;padding:0!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-less span{display:none}
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-rail{display:none!important}
  /* Noktalar: aktif olan uzun */
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-controls:not([hidden]){
    position:static!important;display:flex!important;justify-content:center!important;align-items:center;width:100%!important;max-width:none!important;box-sizing:border-box;
    margin:18px 0 6px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;
  }
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-arrow,
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-count{display:none!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-position{display:flex!important;padding:0!important;background:none!important;border:0!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-dots{display:flex!important;gap:7px!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-dot{width:7px!important;height:7px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.3)!important;transition:width .3s ease,background-color .3s ease!important}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-slider-dot.is-active{width:22px!important;background:#fff!important}
}

/* Telefonda yazılar yalnızca saydamlıkla geçer: iOS Safari kaydırma (transform) animasyonunda katmanı kırpıyordu */
@media (max-width:760px){
  html body #vqMoodHero.vq-hero-v2.is-changing .vq-mood-hero-copy>:not(.vq-cinema-rail){animation-name:vqH2OutM!important}
  html body #vqMoodHero.vq-hero-v2:not(.is-changing) .vq-mood-hero-copy>:not(.vq-cinema-rail){animation-name:vqH2InM}
}
@keyframes vqH2OutM{to{opacity:0}}
@keyframes vqH2InM{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  html body #vqMoodHero.vq-hero-v2 .vq-cinema-thumb::before{display:none}
  html body #vqMoodHero.vq-hero-v2 .vq-mood-hero-copy>*{animation:none!important}
}

/* Ekran dışında ilerleme çizgisi durur (js/home-mood-hero-v1.js IntersectionObserver) */
html body #vqMoodHero.vq-hero-v2.is-offscreen .vq-cinema-thumb::before{animation-play-state:paused}