/* Ana sayfa üst alanı – arka plan videosu (yalnızca video adresi girildiğinde yüklenir) */
.hero-video{position:absolute;inset:0;z-index:0;background-color:var(--charcoal,#4A4849);background-size:cover;background-position:center;overflow:hidden}
.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.hero-video.oynuyor video{opacity:1}

/* Yazıların okunması için koyu katman: soldan (yazı tarafı) sağa doğru hafifçe açılır */
.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,
  rgba(44,42,43,calc(var(--hv-karartma,.65) + .15)) 0%,
  rgba(44,42,43,var(--hv-karartma,.65)) 55%,
  rgba(44,42,43,calc(var(--hv-karartma,.65) - .2)) 100%)}

/* Durdur / oynat düğmesi (erişilebilirlik) */
.hero-video-btn{position:absolute;top:1rem;right:1rem;z-index:3;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;
  background:rgba(44,42,43,.55);color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:0;cursor:pointer}
.hero-video-btn[hidden]{display:none}
.hero-video-btn:hover{background:rgba(44,42,43,.85)}
.hero-video-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hero-video-btn .ikon-oynat{display:none}
.hero-video-btn.duraklatildi .ikon-durdur{display:none}
.hero-video-btn.duraklatildi .ikon-oynat{display:block}

/* Hareketi azaltmayı tercih edenlerde video hiç gösterilmez */
@media (prefers-reduced-motion:reduce){
  .hero-video video,.hero-video-btn{display:none}
}

/* Sağdaki kırmızı üçgen: video görünsün diye yarı saydam.
   0 = tamamen saydam, 1 = düz kırmızı. Değeri beğeninize göre değiştirin (örn. .25 daha saydam, .5 daha dolgun). */
.hero.has-video .m-main{fill-opacity:.35}

/* Alternatif: içi tamamen boş, yalnızca kırmızı çerçeveli üçgen isterseniz yukarıdaki kuralı silip şunu kullanın:
.hero.has-video .m-main{fill-opacity:0;stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}
*/