/* =====================================================
   Takip tanıtım videosu — takip.html hero'su (2026-11-02, A taslağı seçildi; B/C kaldırıldı)
   takip.css'in ÜSTÜNE yüklenir. Ortak oynatıcı (.tv) + hero yerleşimi (body.tv-a)
   ===================================================== */

/* ── Ortak oynatıcı ── */
.tv{position:relative;margin:0;padding:10px;border:1px solid var(--cizgi-guclu);background:rgba(8,7,12,.72);
  box-shadow:0 30px 70px -30px #000,0 0 60px -20px rgba(111,227,255,.18)}
.tv::before{content:"";position:absolute;inset:4px;border:1px solid rgba(220,183,100,.14);pointer-events:none;z-index:1}
.tv-ekran{position:relative;aspect-ratio:16/9;background:#0b0910 center/cover no-repeat;overflow:hidden}
.tv video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.tv-js video{cursor:pointer}

/* büyük oynat mührü */
.tv-buyuk{position:absolute;inset:0;z-index:2;display:grid;justify-items:center;border:0;padding:0;cursor:pointer;
  background:radial-gradient(ellipse 55% 55% at 50% 50%,rgba(8,7,12,.15),rgba(8,7,12,.55));transition:opacity .35s var(--egri)}
.tv-buyuk .muhur{position:relative;display:grid;place-items:center;width:clamp(74px,9vw,112px);aspect-ratio:1;border-radius:50%;
  background:var(--varak);background-size:200% 100%;box-shadow:0 0 0 1px rgba(255,236,180,.6) inset,0 0 0 8px rgba(8,7,12,.45),0 0 48px rgba(220,183,100,.5);
  transition:transform .35s var(--egri),background-position .5s}
.tv-buyuk .muhur::after{content:"";margin-left:8%;border-style:solid;border-width:.62em 0 .62em 1.05em;border-color:transparent transparent transparent #1a1206;font-size:clamp(18px,2.2vw,26px)}
.tv-buyuk .muhur::before{content:"";position:absolute;inset:-14px;border:1px solid rgba(220,183,100,.45);border-radius:50%;animation:tv-nabiz 2.6s var(--egri) infinite}
.tv-buyuk:hover .muhur{transform:scale(1.06);background-position:100% 0}
.tv-buyuk{grid-template-rows:auto auto;align-content:center;gap:clamp(12px,1.6vw,18px)}
.tv-buyuk .etiket{justify-self:center;white-space:nowrap;padding:.5em 1em;background:rgba(8,7,12,.82);border:1px solid rgba(220,183,100,.35);
  font-family:var(--f-toren);font-size:clamp(.68rem,.3vw + .55rem,.8rem);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--altin-acik);
  text-shadow:0 1px 10px #000}
.tv.oynuyor .tv-buyuk{opacity:0;pointer-events:none}
@keyframes tv-nabiz{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}

/* altyazı şeridi — videonun altında, gömülü başlıkla çakışmaz */
.tv-altyazi{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:3.3em;margin:8px 0 0;padding:.45em 1em;
  border-top:1px solid rgba(220,183,100,.22);font-family:var(--f-baslik);font-style:italic;font-size:clamp(1.05rem,.6vw + .85rem,1.32rem);
  line-height:1.35;text-align:center;color:var(--parsomen);transition:opacity .25s}
.tv-altyazi.bos{color:transparent}
.tv-altyazi.bos::before{content:"✦";color:rgba(220,183,100,.35);font-style:normal;font-size:.8rem}
.tv.altyazi-kapali .tv-altyazi{display:none}
.tv:not(.tv-js) .tv-altyazi{display:none}

/* denetim çubuğu */
.tv-cubuk{position:relative;z-index:2;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;margin-top:6px}
.tv-cubuk button{display:inline-flex;align-items:center;gap:.5em;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--cizgi-guclu);border-radius:2px;
  background:rgba(14,10,21,.7);color:var(--parsomen-2);font-family:var(--f-toren);font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;
  transition:color var(--hiz),border-color var(--hiz),background var(--hiz)}
.tv-cubuk button:hover{color:var(--altin-acik);border-color:var(--altin)}
.tv-cubuk button[aria-pressed="true"]{color:var(--cyan);border-color:rgba(111,227,255,.55);background:rgba(111,227,255,.06)}
.tv-cubuk [data-tv-oyna]{justify-content:center;padding:0}
.tv-cubuk [data-tv-oyna]::before{content:"";border-style:solid;border-width:.5em 0 .5em .82em;border-color:transparent transparent transparent currentColor}
.tv-cubuk [data-tv-oyna][data-durum="dur"]::before{width:.8em;height:1em;border:0;border-left:.28em solid currentColor;border-right:.28em solid currentColor;box-sizing:border-box}
.tv-cubuk [data-tv-ses]{margin-left:auto;color:var(--altin-acik);border-color:rgba(220,183,100,.5)}
.tv-cubuk [data-tv-ses] svg{width:16px;height:16px;flex:none}
.tv-cubuk input[type=range]{flex:1 1 140px;min-width:90px;height:44px;margin:0;accent-color:var(--altin);background:transparent;cursor:pointer}
.tv-zaman{font-family:var(--f-govde);font-size:.9rem;font-variant-numeric:lining-nums tabular-nums;color:var(--soluk);white-space:nowrap}
@media (max-width:520px){
  .tv{padding:6px}
  .tv-cubuk{gap:6px}
  .tv-cubuk input[type=range]{order:5;flex-basis:100%}
  .tv-zaman{font-size:.82rem}
  .tv-cubuk [data-tv-cc] span{display:none}
}

/* ════════ Hero yerleşimi (A · kahraman video) ════════ */
.tv-a .hero{display:grid;gap:0 clamp(28px,4vw,56px);grid-template-columns:1fr;grid-template-areas:"bas" "video" "govde"}
.tv-a .hero-bas{grid-area:bas;max-width:860px}
.tv-a .hero-govde{grid-area:govde;max-width:860px}
.tv-a .hero-video{grid-area:video;margin:6px 0 34px}
.tv-a .hero h1{margin-bottom:clamp(18px,2.5vw,26px)}
@media (min-width:1100px){
  .tv-a .hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"bas video" "govde video";align-items:start}
  .tv-a .hero-video{margin:clamp(40px,4vw,64px) 0 0;position:sticky;top:96px}
  .tv-a .hero h1{font-size:clamp(2.7rem,4.4vw,4.2rem)}
  .tv-a .hero .lead{font-size:1.12rem}
}
.tv-a .levha-baslik{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;font-family:var(--f-toren);font-size:.74rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--altin)}
.tv-a .levha-baslik i{font-style:normal;display:inline-flex;align-items:center;gap:.6em;color:var(--parsomen-2)}
.tv-a .levha-baslik i::before{content:"";width:7px;height:7px;border-radius:50%;background:#e07a7a;box-shadow:0 0 10px #e07a7a}
.tv-a .levha-baslik i::before{background:var(--soluk);box-shadow:none}
.tv-a .levha-baslik .d-oyn,.tv-a .hero-video:has(.oynuyor) .levha-baslik .d-dur{display:none}
.tv-a .hero-video:has(.oynuyor) .levha-baslik .d-oyn{display:inline}
.tv-a .hero-video:has(.oynuyor) .levha-baslik i::before{background:#e07a7a;box-shadow:0 0 10px #e07a7a;animation:tv-kayit 1.4s steps(2) infinite}
@keyframes tv-kayit{50%{opacity:.25}}

@media (prefers-reduced-motion:reduce){
  .tv-buyuk .muhur::before,.tv-a .levha-baslik i::before{animation:none!important}
}