/* ═══════════════════════════════════════════════════════════
   MAKET · İNDİRME SAYFASI — yeni 04 adımı + İndir sekmesinin tamamı
   Sayfanın kendi dili: açık zemin, Baloo 2 / Inter, koyu sinematik sahne.
   ═══════════════════════════════════════════════════════════ */

/* ── 04 · AYARLAR vitrini ── */
.sk-kutu.v4{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1em;
  aspect-ratio:16/10.2;font-size:clamp(10px,.8vw,16px)}
.v4-panel{min-height:0;display:flex;flex-direction:column;gap:.38em;padding:.75em;border-radius:.85em;
  background:rgba(9,12,24,.74);border:1px solid rgba(255,255,255,.08)}
.v4-bas{display:flex;align-items:center;gap:.55em;padding:.15em .25em .55em;
  border-bottom:1px solid rgba(255,255,255,.07);font-weight:800;font-size:.86em;color:#e7ebf5}
.v4-bas i{width:.62em;height:.62em;border-radius:50%;background:var(--grad);flex:none}
.v4-bas b{margin-left:auto;font-size:.72em;letter-spacing:.14em;color:#8e9bd6}
.v4-sat{display:flex;align-items:center;gap:.7em;padding:.5em .7em;border-radius:.55em;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.v4-sat .ad{flex:1;min-width:0;font-weight:700;font-size:.76em;color:#b9c2dc;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-sat .deger{font-weight:800;font-size:.7em;color:#6f7899;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);border-radius:.4em;padding:.3em .65em;white-space:nowrap;
  transition:color .3s ease,background .3s ease,border-color .3s ease}
.v4-sat.on{background:rgba(99,102,241,.15);border-color:rgba(147,164,255,.36)}
.v4-sat.on .ad{color:#fff}
.v4-sat.on .deger{color:#fff;background:linear-gradient(92deg,#6d3ff0,#335cff);border-color:transparent}
.v4-sat.simdi{box-shadow:0 0 0 3px rgba(124,140,255,.30)}
.mk-tg{position:relative;width:2.3em;height:1.3em;border-radius:999px;background:#262c40;flex:none;
  transition:background .3s ease}
.mk-tg::after{content:"";position:absolute;top:.2em;left:.2em;width:.9em;height:.9em;border-radius:50%;
  background:#7f89a8;transition:transform .32s cubic-bezier(.34,1.45,.64,1),background .3s ease}
.on > .mk-tg,.mk-tg.on{background:linear-gradient(92deg,#6d3ff0,#335cff)}
.on > .mk-tg::after,.mk-tg.on::after{transform:translateX(1em);background:#fff}
.v4-dug{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:.7em;border-radius:.6em;
  font-weight:800;font-size:.8em;color:#fff;background:linear-gradient(92deg,#6d3ff0,#335cff);
  box-shadow:0 .5em 1.2em rgba(80,80,255,.3);transition:transform .3s ease,box-shadow .3s ease}
.v4-dug.nabiz{transform:scale(1.035);box-shadow:0 .6em 1.9em rgba(80,80,255,.6)}
.v4-cikti{height:100%;min-height:0;display:flex;align-items:center}
.mk-tel{position:relative;height:100%;aspect-ratio:9/16;border-radius:1.1em;overflow:hidden;background:#000;
  border:2px solid rgba(255,255,255,.14);box-shadow:0 1.2em 2.6em rgba(0,0,0,.45)}
.v4-vid{position:absolute;top:0;height:100%;width:316.05%;max-width:none;left:-108.03%;object-fit:cover}
.v4-dub{position:absolute;right:.55em;top:.55em;z-index:5;font-weight:800;font-size:.62em;color:#fff;
  background:linear-gradient(92deg,#6d3ff0,#335cff);border-radius:.35em;padding:.3em .6em;
  opacity:0;transform:translateY(-.4em);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.5,.64,1)}
.v4-dub.gel{opacity:1;transform:none}
.v4-alt{position:absolute;left:5%;right:5%;top:58%;z-index:4;display:flex;flex-direction:column;
  align-items:center;gap:.3em;text-align:center}
.v4-emoji{font-size:1.9em;line-height:1;opacity:0;transform:scale(.3);
  transition:opacity .25s ease,transform .45s cubic-bezier(.34,1.6,.64,1)}
.v4-emoji.gel{opacity:1;transform:none}
.v4-metin{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;font-size:1.05em;line-height:1.2;color:#fff;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 .1em .3em rgba(0,0,0,.6)}
.v4-metin b{display:inline-block;font-weight:inherit;transition:transform .25s ease}
.v4-metin b.vurgu{transform:scale(1.34);margin:0 .14em}
.v4-alt.tek .v4-metin{font-size:1.75em}
.v4-alt.banner .v4-metin{font-family:'Arial Black',Arial,sans-serif;font-weight:900;background:rgba(0,0,0,.88);
  padding:.16em .45em;border-radius:.1em;text-shadow:none}
.mk-et{position:absolute;left:.55em;top:.55em;z-index:5;font-weight:800;font-size:.62em;letter-spacing:.1em;
  color:#dfe6ff;background:rgba(8,10,20,.66);border-radius:.35em;padding:.3em .6em;white-space:nowrap}
.mk-deger{position:absolute;right:.55em;top:.55em;z-index:5;font-weight:800;font-size:.64em;color:#fff;
  background:linear-gradient(92deg,#6d3ff0,#335cff);border-radius:.35em;padding:.3em .65em;white-space:nowrap;
  box-shadow:0 .3em .8em rgba(40,40,140,.4)}

/* ── İNDİR SEKMESİNİN TAMAMI · giriş ── */
.dt-bas{max-width:1700px;margin:0 auto;padding:clamp(96px,8.4vw,176px) clamp(20px,3vw,64px) 0}
.dt-ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,72px);align-items:end}
.dt-ic h2{margin-top:clamp(14px,1.2vw,24px);font-weight:800;font-size:clamp(36px,4vw,76px);line-height:1.02;
  letter-spacing:-.02em;text-wrap:balance}
.dt-ic h2 em,.bl-bas h2 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.dt-ic p{font-family:var(--metin);font-weight:500;font-size:clamp(15px,1.1vw,21px);line-height:1.62;
  color:var(--govde);max-width:36em}
.harita{margin-top:clamp(30px,2.6vw,54px);display:grid;grid-template-columns:repeat(9,minmax(0,1fr));
  gap:clamp(8px,.6vw,12px)}
.harita a{display:flex;flex-direction:column;gap:.3em;padding:clamp(12px,.9vw,18px);border-radius:clamp(12px,.9vw,18px);
  background:#f5f6fa;border:1px solid #e8eaf0;text-decoration:none;color:var(--murekkep);
  transition:transform .25s ease,border-color .25s ease,background .25s ease}
.harita a:hover{transform:translateY(-3px);border-color:#c9c3f5;background:#fff}
.harita a:focus-visible{outline:2px solid #6d3ff0;outline-offset:2px}
.harita i{font-style:normal;font-weight:800;font-size:clamp(10px,.62vw,12px);letter-spacing:.13em;color:#8a90a6}
.harita b{font-weight:800;font-size:clamp(14px,.98vw,19px);line-height:1.15}
.harita span{margin-top:auto;padding-top:.4em;font-family:var(--metin);font-weight:700;
  font-size:clamp(11px,.7vw,13px);color:#5b50d6}
.harita a.ana{background:#12141f;border-color:#12141f;color:#fff}
.harita a.ana i{color:#9aa3c7}
.harita a.ana span{color:#b9b0ff}

/* ── bölüm ── */
.bl{max-width:1700px;margin:0 auto;padding:clamp(72px,6.4vw,140px) clamp(20px,3vw,64px) 0;scroll-margin-top:70px}
.bl-bas{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(16px,2vw,40px);align-items:end;
  padding-bottom:clamp(18px,1.5vw,28px);border-bottom:2px solid #12141f}
.bl-et{display:inline-flex;font-weight:800;font-size:clamp(11px,.78vw,15px);letter-spacing:.14em;
  color:#4a3ec8;background:#efeaff;border-radius:999px;padding:.5em 1.2em}
.bl-bas h2{margin-top:clamp(12px,1vw,20px);font-weight:800;font-size:clamp(32px,3.2vw,62px);line-height:1.03;
  letter-spacing:-.018em}
.bl-bas p{margin-top:clamp(10px,.8vw,16px);max-width:46em;font-family:var(--metin);font-weight:500;
  font-size:clamp(14.5px,1vw,19px);line-height:1.62;color:var(--govde)}
.bl-say{text-align:right;line-height:.9}
.bl-say b{display:block;font-weight:800;font-size:clamp(48px,4.6vw,96px);letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:2px #cfd6ee;font-variant-numeric:tabular-nums}
.bl-say span{font-weight:800;font-size:clamp(11px,.72vw,14px);letter-spacing:.14em;color:#8a90a6}
.bl-alt{display:flex;align-items:baseline;gap:.8em;margin-top:clamp(34px,2.8vw,58px);font-weight:800;
  font-size:clamp(13px,.9vw,17px);letter-spacing:.1em;color:#12141f}
.bl-alt small{font-weight:700;font-size:.82em;letter-spacing:.08em;color:#8a90a6}
.bl-alt::after{content:"";flex:1;height:1px;background:#e3e5ee;align-self:center}
.kg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(30px,2.6vw,56px) clamp(18px,1.6vw,36px);
  margin-top:clamp(18px,1.4vw,28px)}

/* ── ayar kartı: sahne + düz metin ── */
.ay{display:flex;flex-direction:column;gap:clamp(12px,1vw,20px);min-width:0}
.ay-sahne{position:relative;overflow:hidden;aspect-ratio:16/10.6;border-radius:1.15em;padding:.85em;
  background:radial-gradient(120% 130% at 15% 0%,#171d3c 0%,#0b0e1c 55%,#080a14 100%);
  border:1px solid rgba(255,255,255,.10);color:#e7ebf5;font-family:var(--sans);
  font-size:clamp(10px,.7vw,17px);
  box-shadow:0 1.6em 3.2em rgba(10,14,34,.2),inset 0 1px 0 rgba(255,255,255,.07);
  display:flex;flex-direction:column;gap:.6em;user-select:none}
.ay-sahne::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(70% 55% at 85% 0%,rgba(124,58,237,.18),transparent 65%),
             radial-gradient(60% 50% at 5% 100%,rgba(46,168,255,.14),transparent 65%)}
.ay-sahne > *{position:relative;z-index:1}
.ay-metin{display:flex;flex-direction:column;gap:clamp(6px,.5vw,10px)}
.ay-et{font-weight:800;font-size:clamp(10.5px,.68vw,13px);letter-spacing:.14em;color:#6b63d9}
.ay h3{font-weight:800;font-size:clamp(20px,1.46vw,29px);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.ay p{font-family:var(--metin);font-weight:500;font-size:clamp(14px,.9vw,17px);line-height:1.62;color:var(--govde)}
.ay-sec{list-style:none;display:flex;flex-wrap:wrap;gap:.42em;margin-top:.25em}
.ay-sec li{font-family:var(--metin);font-weight:600;font-size:clamp(11.5px,.72vw,13.5px);line-height:1.2;
  color:#4b5064;background:#f3f4f9;border:1px solid #e6e8f0;border-radius:999px;padding:.38em .88em;
  transition:border-color .3s ease,box-shadow .3s ease}
.ay-sec li.on{color:#fff;background:linear-gradient(92deg,#6d3ff0,#335cff);border-color:transparent;
  box-shadow:0 .3em .9em rgba(80,80,255,.28)}

/* ── sahne yapı taşları ── */
.mk-ek{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:.6em;background:#05070e}
.mk-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.mk-yazi{position:absolute;left:4%;right:4%;bottom:9%;z-index:3;text-align:center;
  font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;font-size:1.6em;line-height:1.2;color:#fff;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 .12em .35em rgba(0,0,0,.55)}
.mk-dlg{display:flex;align-items:center;gap:2px;height:100%}
.mk-dlg i{flex:1;min-width:1px;border-radius:1px;background:#6d8bff;height:calc(var(--h,50) * 1%)}
.mk-dlg.sonuk i{background:#3a4263}
.mk-dlg.yesil i{background:#34d399}
.mk-dlg.mor i{background:#a78bfa}
.mk-alt{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;min-height:1.9em}
.mk-hap{font-weight:700;font-size:.74em;color:#cdd6f2;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);border-radius:.4em;padding:.36em .72em;white-space:nowrap;
  transition:color .3s ease,background .3s ease,border-color .3s ease}
.mk-hap b{color:#fff;font-weight:800}
.mk-hap.iyi{border-color:rgba(52,211,153,.4);background:rgba(16,185,129,.12);color:#a7f3d0}
.mk-hap.uyari{border-color:rgba(251,191,36,.45);background:rgba(245,158,11,.12);color:#fde68a}
.mk-hap.sag{margin-left:auto}
.mk-serit{position:relative;display:flex;align-items:center;gap:.6em}
.mk-serit > em{flex:none;width:6.4em;font-style:normal;font-weight:700;font-size:.7em;color:#8b93ad}
.mk-serit > div{flex:1;min-width:0;position:relative;height:2.4em;border-radius:.35em;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);overflow:hidden;padding:.25em .3em}
.mk-kafa{position:absolute;top:-.2em;bottom:-.2em;left:0;width:2px;z-index:4;background:#fff;
  box-shadow:0 0 .5em rgba(255,255,255,.7)}
.mk-nokta{display:flex;justify-content:center;gap:.35em;flex-wrap:wrap}
.mk-nokta i{width:.42em;height:.42em;border-radius:50%;background:#2e3550;transition:background .25s ease,transform .25s ease}
.mk-nokta i.on{background:#9fb0ff;transform:scale(1.35)}
.mk-panel{border-radius:.6em;background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08);padding:.6em .7em}
.mk-satir{display:flex;align-items:center;gap:.6em;padding:.42em .6em;border-radius:.45em;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-weight:700;font-size:.76em;
  color:#cdd6f2;transition:background .3s ease,border-color .3s ease,opacity .3s ease}
.mk-satir.on{background:rgba(99,102,241,.16);border-color:rgba(147,164,255,.38);color:#fff}
.mk-imlec{position:absolute;z-index:8;width:1.4em;height:1.4em;pointer-events:none;
  filter:drop-shadow(0 .2em .35em rgba(0,0,0,.6))}
.mk-imlec svg{width:100%;height:100%;display:block}
.canli-dur *{animation-play-state:paused !important}

@media (max-width:1180px){
  .kg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .harita{grid-template-columns:repeat(5,minmax(0,1fr))}
  .dt-ic{grid-template-columns:1fr}
}
@media (max-width:1080px){
  .sk-kutu.v4{aspect-ratio:auto;grid-template-columns:1fr}
  .v4-cikti{justify-content:center}
  .mk-tel{height:auto;width:min(62vw,300px)}
}
@media (max-width:720px){
  .kg{grid-template-columns:1fr}
  .harita{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bl-bas{grid-template-columns:1fr}
  .bl-say{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .ay-sahne *,.v4 *{animation:none !important;transition:none !important}
}

/* sahne görsellerine yazılan width/height öznitelikleri (site kuralı) yerleşimi DEĞİŞTİRMESİN:
   özgüllük sıfır — sınıf kuralları yine kazanır; CSS ölçüsü olmayan görsel eskisi gibi doğal boyutunda kalır */
:where([data-ay]) img{width:auto;height:auto}

/* sağdan sola sayfa: maketler dir="ltr" (programın arayüzü soldan sağa), ama içlerindeki Arapça etiketin
   YÖNÜ içerikten gelmeli — yoksa « متوسط 12% » soldan sağa bağlamda « % » yanlış uca düşer. Yalnız satır içi
   öğeler: blok kaba uygulansa kardeş öğelerin sırası da değişirdi. */
html[dir="rtl"] [data-ay] :is(span,b,em,i,small,strong){unicode-bidi:plaintext}

/* ═══ KURGU & ALTYAZI · kadraj, sansür, dublaj, hız ve ses ═══ */

/* yüz kadrajı */
.ay-sahne.yz{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:.6em}
.yz-kaynak{position:relative;align-self:center;aspect-ratio:16/9;border-radius:.5em;overflow:hidden;background:#000}
.yz-pencere{position:absolute;top:0;bottom:0;left:34.18%;width:31.64%;z-index:2;border:2px solid #fff;border-radius:.2em;
  box-shadow:0 0 0 999px rgba(4,6,14,.58),0 0 1.2em rgba(255,255,255,.35)}
.yz-cikti{position:relative;height:100%;aspect-ratio:9/16;border-radius:.5em;overflow:hidden;background:#000;
  border:1px solid rgba(255,255,255,.14)}
.yz-img{position:absolute;top:0;height:100%;width:316.05%;max-width:none;left:-108.03%}
.yz .mk-alt{grid-column:1/-1}
.yz-kesme{opacity:0;transition:opacity .12s ease}
.yz-kesme.gel{opacity:1}

/* kamera zoom */
.zm .mk-foto{transform-origin:50% 38%;will-change:transform}
.zm-b{opacity:0}
.zm-serit{display:flex;gap:3px;height:1.4em}
.zm-serit i{flex:1;border-radius:.25em;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);
  transition:background .25s ease,border-color .25s ease}
.zm-serit i.on{background:rgba(99,102,241,.45);border-color:rgba(147,164,255,.7)}

/* sansür · ses */
.sn-cumle{padding:.55em .7em;border-radius:.5em;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);
  font-family:Arial,'Helvetica Neue',sans-serif;font-weight:700;font-size:1.25em;text-align:center;color:#fff}
.sn-kelime{display:inline-block;padding:0 .2em;border-radius:.15em;background:rgba(239,68,68,.22);color:#fecaca}
.sn-dalga{position:relative;flex:1;min-height:0;border-radius:.5em;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);padding:.9em .6em .5em}
.sn-dalga .mk-dlg i{transition:height .35s ease,background .35s ease}
.sn-dalga .mk-dlg i.bip{height:58%;background:#ef4444}
.sn-dalga .mk-dlg i.sus{height:4%;background:#3a4263}
.sn-pencere{position:absolute;top:.9em;bottom:.5em;left:37%;width:18%;border-radius:.3em;
  border:1.5px dashed rgba(252,165,165,.85);background:rgba(239,68,68,.08)}
.sn-bip{position:absolute;left:50%;top:-.25em;transform:translate(-50%,-100%);font-weight:800;font-size:.6em;color:#fff;
  background:#ef4444;border-radius:.3em;padding:.2em .5em;white-space:nowrap;transition:opacity .3s ease}
.sn[data-i="1"] .sn-bip{background:#475069}
.sn[data-i="2"] .sn-bip{background:#1f7a5a}

/* sansür · altyazıda görünüm */
.sa-yazi{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:1.65em}
.sa-k{display:inline-block}
.bas .sa-k{animation:mk-cik .4s cubic-bezier(.34,1.5,.64,1) both}
@keyframes mk-cik{from{transform:scale(.55);opacity:0}to{transform:none;opacity:1}}

/* dublaj · dil ve ses */
.db-balon{position:absolute;left:4%;top:7%;max-width:60%;z-index:3;display:flex;flex-direction:column;gap:.22em;
  padding:.55em .8em;border-radius:.75em .75em .75em .15em;background:rgba(255,255,255,.96);color:#12141f;
  box-shadow:0 .6em 1.4em rgba(0,0,0,.35)}
.db-ses{font-weight:800;font-size:.6em;letter-spacing:.06em;color:#6d3ff0}
.db-metin{font-family:var(--metin);font-weight:700;font-size:1em;line-height:1.28}
.bas .db-balon{animation:mk-cik .42s cubic-bezier(.34,1.5,.64,1) both}
.db-seritler{display:flex;flex-direction:column;gap:.35em}
.db-seritler .mk-serit > div{height:1.9em}

/* dublaj · tür (mikser) */
.mk-mikser{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.6em}
.mk-kanal{display:grid;grid-template-columns:8em minmax(0,1fr) 4.6em;align-items:center;gap:.6em}
.mk-kanal em{font-style:normal;font-weight:700;font-size:.74em;color:#aab3cf;transition:color .3s ease}
.mk-kanal .olcer{position:relative;height:1.2em;border-radius:.3em;background:rgba(255,255,255,.05);overflow:hidden}
.mk-kanal .olcer b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:.3em;
  background:linear-gradient(90deg,#34d399,#a3e635 70%,#fbbf24)}
.mk-kanal.dub .olcer b{background:linear-gradient(90deg,#6d3ff0,#335cff 70%,#2ea8ff)}
.mk-kanal span{font-weight:800;font-size:.66em;color:#8b93ad;text-align:right;white-space:nowrap}
.mk-kanal.kapali em{color:#5d6580;text-decoration:line-through}

/* hız */
.hz-serit{position:relative;flex:1;min-height:0;border-radius:.5em;overflow:hidden;background:#000}
.hz-kareler{position:absolute;top:0;bottom:0;left:0;display:flex;gap:2px;will-change:transform}
.hz-kareler span{height:100%;aspect-ratio:16/9;flex:none;background-size:cover;background-position:center}
.hz-kaydir{padding:.35em .5em 0}
.hz-iz{position:relative;height:.36em;border-radius:999px;background:rgba(255,255,255,.12)}
.hz-dolu{position:absolute;left:0;top:0;bottom:0;width:50%;border-radius:999px;background:var(--grad);
  transition:width .5s cubic-bezier(.34,1.3,.64,1)}
.hz-top{position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border-radius:50%;background:#fff;
  box-shadow:0 0 0 .25em rgba(109,63,240,.45);transition:left .5s cubic-bezier(.34,1.3,.64,1)}
.hz-olcek{display:flex;justify-content:space-between;margin-top:.5em}
.hz-olcek i{font-style:normal;font-weight:700;font-size:.64em;color:#7f8bab;font-variant-numeric:tabular-nums}

/* normalize */
.nr-alan{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em}
.nr-klip{display:flex;flex-direction:column;gap:.3em;min-height:0;border-radius:.5em;padding:.5em;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.nr-klip .mk-dlg{flex:1;min-height:0;transform:scaleY(var(--h));transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.nr[data-i="1"] .nr-klip .mk-dlg{transform:scaleY(.6)}
.nr-klip b{font-weight:800;font-size:.7em;color:#e7ebf5}
.nr-klip span{font-weight:700;font-size:.64em;color:#8b93ad;transition:color .3s ease}
.nr[data-i="1"] .nr-klip span{color:#a7f3d0}

/* sessizlik kesme */
.ss-seritler{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.45em}
.ss .mk-serit > div{height:2.1em}
.ss-p{position:absolute;top:.35em;bottom:.35em;left:var(--o);width:var(--w);border-radius:.25em;background:#6d8bff;
  transition:left .9s cubic-bezier(.22,.61,.36,1)}
.ss-cikti .ss-p{background:linear-gradient(90deg,#6d3ff0,#335cff)}
.ss.paket .ss-cikti .ss-p{left:var(--p)}
.ss-bosluk{position:absolute;top:.2em;bottom:.2em;border-radius:.2em;transition:opacity .5s ease;
  background:repeating-linear-gradient(135deg,rgba(239,68,68,.32) 0 .35em,transparent .35em .7em)}
.ss.paket .ss-bosluk{opacity:.25}
.ss-muzik{position:absolute;top:.35em;bottom:.35em;left:.3em;right:.3em;border-radius:.25em;
  background:repeating-linear-gradient(90deg,rgba(52,211,153,.55) 0 2px,rgba(52,211,153,.18) 2px 5px);transition:opacity .4s ease}
.ss[data-i="0"] .ss-muzik{opacity:0}
.ss-m-yok{position:absolute;left:.7em;top:50%;transform:translateY(-50%);font-weight:700;font-size:.62em;color:#6f7899;
  transition:opacity .4s ease}
.ss[data-i="1"] .ss-m-yok{opacity:0}

/* ═══ KURGU & ALTYAZI · altyazının kendisi ═══ */
.mk-kontur{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 .12em .35em rgba(0,0,0,.55)}

/* altyazıyı videoya yak */
.aa-dalga{position:relative;height:3em;border-radius:.45em;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);padding:.35em .5em;overflow:hidden}
.aa-kelimeler{position:relative;height:1.7em}
.aa-k{position:absolute;top:0;transform:translateX(-50%);font-weight:800;font-size:.62em;color:#c9d4ff;white-space:nowrap;
  background:rgba(99,102,241,.22);border:1px solid rgba(147,164,255,.4);border-radius:.3em;padding:.18em .45em;
  opacity:0;transition:opacity .2s ease}
.aa-k.gel{opacity:1}

/* 14 tasarım — her biri motorun kendi yazı tipi ve efekt ailesiyle */
.ts-yazi{position:absolute;left:4%;right:4%;bottom:10%;z-index:3;text-align:center;line-height:1.25;font-size:1.55em;
  font-family:Arial,sans-serif;font-weight:700;color:#fff}
.ts-yazi .w{display:inline-block}
.ts[data-i="0"] .ts-yazi,.ts[data-i="3"] .ts-yazi,.ts[data-i="7"] .ts-yazi,.ts[data-i="11"] .ts-yazi{
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.ts[data-i="1"] .ts-yazi{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;color:#ff3bd4;letter-spacing:.02em;
  text-shadow:0 0 .12em #ff3bd4,0 0 .5em #00e5ff,.06em .06em 0 #00e5ff}
.ts[data-i="2"] .ts-yazi{font-family:'Arial Black',Arial,sans-serif;font-weight:900}
.ts[data-i="2"] .ts-yazi .ic{background:rgba(0,0,0,.92);padding:.12em .45em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.ts.bas[data-i="3"] .w{animation:ts-kar .01s linear both}
.ts.bas[data-i="3"] .w:nth-of-type(1){animation-delay:.2s}
.ts.bas[data-i="3"] .w:nth-of-type(2){animation-delay:.6s}
.ts.bas[data-i="3"] .w:nth-of-type(3){animation-delay:1s}
@keyframes ts-kar{to{color:#ff2d2d}}
.ts[data-i="4"] .ts-yazi{font-family:'Segoe UI',Arial,sans-serif;font-weight:600;
  text-shadow:0 0 .35em rgba(255,255,255,.95),0 0 .9em rgba(160,200,255,.7)}
.ts[data-i="5"] .ts-yazi{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#fff8e6;
  text-shadow:.08em .08em 0 rgba(0,0,0,.6),.18em .18em .12em rgba(0,0,0,.45),.34em .34em .45em rgba(0,0,0,.35)}
.ts[data-i="6"] .ts-yazi .ic{background:rgba(18,20,31,.88);padding:.2em .75em;border-radius:999px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.ts[data-i="7"] .ts-yazi{font-family:'Comic Sans MS','Comic Sans',cursive;font-style:italic;font-weight:400}
.ts[data-i="8"] .ts-yazi{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;color:#ffd400;
  -webkit-text-stroke:.07em #e11d2e;paint-order:stroke fill;text-shadow:.07em .07em 0 #7a0b12}
.ts[data-i="9"] .ts-yazi{font-family:Consolas,'Courier New',monospace;color:#aef6ff;
  text-shadow:0 0 .25em #00e5ff,0 0 .7em #00b3ff}
.ts[data-i="10"] .ts-yazi{font-family:'Arial Black',Arial,sans-serif;font-weight:900;text-transform:uppercase;
  -webkit-text-stroke:.14em #000;paint-order:stroke fill;letter-spacing:.02em}
.ts.bas[data-i="11"] .w{animation:ts-kutu .01s linear both;border-radius:.15em;padding:0 .18em}
.ts.bas[data-i="11"] .w:nth-of-type(1){animation-delay:.15s}
.ts.bas[data-i="11"] .w:nth-of-type(2){animation-delay:.6s}
.ts.bas[data-i="11"] .w:nth-of-type(3){animation-delay:1.05s}
@keyframes ts-kutu{to{background:#7c3aed;text-shadow:none}}
.ts[data-i="12"] .ts-yazi{font-weight:900;-webkit-text-stroke:.11em #000;paint-order:stroke fill}
.ts[data-i="13"] .ts-yazi{font-weight:600;font-size:1.05em;letter-spacing:.16em;color:#e5e7eb;bottom:6%;
  text-shadow:0 1px 2px rgba(0,0,0,.85)}

/* sunum biçimi */
.su-yazi{position:absolute;left:4%;right:4%;bottom:10%;z-index:3;text-align:center;font-family:Arial,sans-serif;
  font-weight:800;font-size:1.5em;line-height:1.25;color:#fff;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 .12em .35em rgba(0,0,0,.55)}
.su-yazi .w{display:inline-block;margin:0 .12em;transition:transform .2s ease,color .2s ease}
.su-yazi .w.gizli{visibility:hidden}
.su-yazi .w.simdi{color:#ffd400;transform:scale(1.28)}
.su-yazi.tek{font-size:2.5em}
.su-yazi.tek .w{animation:mk-cik .25s cubic-bezier(.34,1.6,.64,1) both}
.su-zaman{position:relative;height:1.6em;border-radius:.35em;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.su-t{position:absolute;top:.3em;bottom:.3em;border-radius:.2em;background:rgba(109,139,255,.3);transition:background .2s ease}
.su-t.on{background:linear-gradient(90deg,#6d3ff0,#335cff)}

/* boyut */
.by-sahne,.kn-sahne{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:1.6em}
.by-tel,.kn-tel{position:relative;height:100%;aspect-ratio:9/16;border-radius:.8em;overflow:hidden;background:#000;
  border:1px solid rgba(255,255,255,.14)}
.by-img,.kn-img{position:absolute;top:0;height:100%;width:316.05%;max-width:none;left:-44.88%}
.by-yazi{position:absolute;left:3%;right:3%;top:62%;z-index:3;text-align:center;font-family:'Arial Black',Arial,sans-serif;
  font-weight:900;font-size:1.02em;line-height:1.15;color:#fff;transform:scale(var(--s,1));
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  transition:transform .5s cubic-bezier(.34,1.45,.64,1)}
.by-olcek{display:flex;flex-direction:column;gap:.3em}
.by-olcek b{font-weight:800;font-size:2.5em;line-height:1;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.by-olcek span{font-weight:700;font-size:.72em;color:#8b93ad}
.by-cubuk{display:flex;align-items:flex-end;gap:.3em;height:3.4em;margin-top:.5em}
.by-cubuk i{width:.8em;border-radius:.2em;background:#2e3550;transition:background .3s ease}
.by-cubuk i.on{background:linear-gradient(0deg,#6d3ff0,#2ea8ff)}

/* konum */
.kn-img{filter:brightness(.85)}
.kn-ui-sag{position:absolute;right:5%;bottom:24%;z-index:4;display:flex;flex-direction:column;gap:.55em}
.kn-ui-sag i{width:1.45em;height:1.45em;border-radius:50%;background:rgba(255,255,255,.85)}
.kn-ui-alt{position:absolute;left:6%;right:26%;bottom:4%;z-index:4;display:flex;flex-direction:column;gap:.3em}
.kn-ui-alt b{font-weight:800;font-size:.62em;color:#fff}
.kn-ui-alt span{height:.4em;border-radius:.2em;background:rgba(255,255,255,.75)}
.kn-ui-alt span + span{width:70%}
.kn-yazi{position:absolute;left:5%;right:5%;top:80%;z-index:3;text-align:center;font-family:'Arial Black',Arial,sans-serif;
  font-weight:900;font-size:.92em;line-height:1.15;color:#fff;border-radius:.2em;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
  transition:top .6s cubic-bezier(.34,1.3,.64,1),outline-color .3s ease;outline:2px dashed transparent;outline-offset:.2em}
.kn[data-i="0"] .kn-yazi{outline-color:rgba(251,191,36,.95)}
.kn[data-i="1"] .kn-yazi{top:47%}
.kn[data-i="2"] .kn-yazi{top:8%}
.kn-bilgi{display:flex;flex-direction:column;gap:.4em;max-width:13em}
.kn-bilgi b{font-weight:800;font-size:1.8em;line-height:1;color:#fff}

/* efekt — on iki giriş */
.ef-yazi{position:absolute;left:4%;right:4%;bottom:12%;z-index:3;text-align:center;perspective:30em}
.ef-yazi span{display:inline-block;font-family:Arial,sans-serif;font-weight:800;font-size:1.7em;color:#fff;
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.ef.bas[data-i="0"] .ef-yazi span{animation:ef-fade .7s ease both}
.ef.bas[data-i="1"] .ef-yazi span{animation:ef-yukari .6s cubic-bezier(.22,.61,.36,1) both}
.ef.bas[data-i="2"] .ef-yazi span{animation:ef-asagi .6s cubic-bezier(.22,.61,.36,1) both}
.ef.bas[data-i="3"] .ef-yazi span{animation:ef-daktilo .8s ease both}
.ef.bas[data-i="4"] .ef-yazi span{animation:ef-yay .9s both}
.ef.bas[data-i="5"] .ef-yazi span{animation:ef-pop .55s cubic-bezier(.34,1.8,.64,1) both}
.ef.bas[data-i="6"] .ef-yazi span{animation:ef-zoom .6s cubic-bezier(.22,.61,.36,1) both}
.ef.bas[data-i="7"] .ef-yazi span{animation:ef-flip .7s ease both}
.ef.bas[data-i="8"] .ef-yazi span{animation:ef-glitch .16s steps(2) 4 both}
.ef.bas[data-i="9"] .ef-yazi span{animation:ef-dalga .8s ease both}
.ef.bas[data-i="10"] .ef-yazi span{animation:ef-nabiz .9s ease-in-out infinite}
@keyframes ef-fade{from{opacity:0}to{opacity:1}}
@keyframes ef-yukari{from{opacity:0;transform:translateY(1.3em)}to{opacity:1;transform:none}}
@keyframes ef-asagi{from{opacity:0;transform:translateY(-1.3em)}to{opacity:1;transform:none}}
@keyframes ef-daktilo{from{opacity:0;filter:blur(.5em)}to{opacity:1;filter:blur(0)}}
@keyframes ef-yay{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.14)}75%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes ef-pop{from{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}
@keyframes ef-zoom{from{opacity:0;transform:scale(.45)}to{opacity:1;transform:none}}
@keyframes ef-flip{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:none}}
@keyframes ef-glitch{0%{transform:translate(.07em,-.05em);text-shadow:-.09em 0 #ff2d55,.09em 0 #00e5ff}
  100%{transform:translate(-.07em,.05em);text-shadow:.09em 0 #ff2d55,-.09em 0 #00e5ff}}
@keyframes ef-dalga{from{opacity:0;transform:rotate(-7deg) translateY(.4em) skewX(-8deg)}to{opacity:1;transform:none}}
@keyframes ef-nabiz{0%,100%{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
  50%{text-shadow:-1px -1px 0 #000,1px 1px 0 #000,0 0 .45em #c4b5fd,0 0 1em #7c3aed}}

/* konuşmacı renkleri */
.kr-rozet{position:absolute;z-index:4;transform:translate(-50%,-50%);width:1.8em;height:1.8em;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8em;color:#12141f;
  box-shadow:0 0 0 .2em rgba(0,0,0,.35);transition:transform .25s ease,box-shadow .25s ease}
.kr-rozet.r1{background:#FFD400}
.kr-rozet.r2{background:#4DD2FF}
.kr-rozet.simdi{transform:translate(-50%,-50%) scale(1.32);box-shadow:0 0 0 .3em rgba(255,255,255,.35),0 0 1.1em rgba(255,255,255,.55)}
.kr-serit{position:relative;height:1.7em;border-radius:.35em;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);overflow:hidden}
.kr-p{position:absolute;top:.3em;bottom:.3em;border-radius:.2em}
.kr-p.a{background:#FFD400}
.kr-p.b{background:#4DD2FF}

/* emoji ve vurgu kelimesi */
.vg-yazi{font-family:Arial,sans-serif;font-weight:800;font-size:1.45em}
.vg-yazi b{display:inline-block;font-weight:inherit;font-size:1.35em;line-height:1;margin:0 .06em}
.bas .vg-yazi b{animation:mk-cik .35s .15s cubic-bezier(.34,1.6,.64,1) both}
.vg-emoji{position:absolute;left:50%;bottom:30%;z-index:4;font-size:2.3em;line-height:1;transform:translateX(-50%);opacity:0}
.bas .vg-emoji.gel{animation:vg-emo .5s .25s cubic-bezier(.34,1.7,.64,1) both}
@keyframes vg-emo{from{transform:translateX(-50%) scale(.2) rotate(-20deg);opacity:0}
  to{transform:translateX(-50%) scale(1);opacity:1}}

/* açılış başlığı — kişinin arkasında */
.bs-baslik{position:absolute;left:0;right:0;top:9%;z-index:2;display:flex;flex-direction:column;align-items:center;
  font-family:'Arial Black',Impact,sans-serif;font-weight:900;font-size:3.7em;line-height:.9;letter-spacing:-.01em;
  color:#fff;text-shadow:0 .08em .3em rgba(0,0,0,.35);opacity:0;transform:translateY(-.25em);
  transition:opacity .45s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.bs[data-i="1"] .bs-baslik{opacity:1;transform:none}
.bs-on{z-index:3;clip-path:polygon(50.2% 36%,51.8% 31%,54.5% 28.4%,56.8% 27.6%,59.8% 28.4%,62.4% 30.8%,63.8% 36%,
  64% 41%,64.6% 44%,63.3% 48%,62.3% 51.5%,66.5% 53.5%,69% 57%,69.6% 62%,72% 70%,76.6% 80%,79.8% 100%,28% 100%,
  31.8% 80%,34.4% 72%,39% 64%,44% 60%,46.6% 55%,50.6% 51%,50.3% 47%,49% 44%,49.4% 40%)}

/* konuşulan dil */
.dl-ust{display:flex;align-items:center;gap:.6em}
.dl-ust em{font-style:normal;font-weight:700;font-size:.74em;color:#8b93ad}
.dl-ust b{margin-left:auto;font-weight:800;font-size:.8em;color:#fff;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);border-radius:.4em;padding:.3em .7em;transition:all .3s ease}
.dl-ust b.iyi{background:rgba(16,185,129,.16);border-color:rgba(52,211,153,.45);color:#a7f3d0}
.dl-dalga{position:relative;height:3.2em;border-radius:.45em;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);padding:.35em .5em;overflow:hidden}
.dl-tarama{position:absolute;top:0;bottom:0;left:0;width:0;border-right:2px solid #9fb0ff;
  background:linear-gradient(90deg,rgba(99,102,241,0),rgba(99,102,241,.28))}
.dl-adaylar{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.5em}
.dl-a{display:grid;grid-template-columns:6.4em minmax(0,1fr);align-items:center;gap:.6em}
.dl-a em{font-style:normal;font-weight:700;font-size:.74em;color:#cdd6f2}
.dl-a i{position:relative;height:.7em;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.dl-a i b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:#475069}
.dl-a.birinci i b{background:var(--grad)}

/* çeviri */
.cv-kaynak{display:flex;align-items:center;gap:.6em;padding:.45em .6em;border-radius:.45em;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.cv-kaynak em{font-style:normal;font-weight:800;font-size:.62em;letter-spacing:.1em;color:#8b93ad}
.cv-kaynak span{font-family:var(--metin);font-weight:600;font-size:.8em;color:#aab3cf}
.cv-yazi{font-size:1.4em}
.bas .cv-yazi{animation:mk-cik .4s cubic-bezier(.34,1.4,.64,1) both}

/* tanıma kalitesi */
.kl-metin{padding:.7em .8em;border-radius:.5em;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);
  font-family:var(--metin);font-weight:600;font-size:.98em;line-height:1.45;color:#e7ebf5;min-height:3.7em}
.kl-metin .yanlis{color:#fecaca;text-decoration:underline wavy #ef4444;text-underline-offset:.22em}
.kl-metin .dogru{color:#a7f3d0}
.kl-seviyeler{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.4em}
.kl-s{display:grid;grid-template-columns:5.6em minmax(0,1fr) 4.4em;align-items:center;gap:.6em;padding:.35em .5em;
  border-radius:.45em;border:1px solid transparent;transition:background .3s ease,border-color .3s ease}
.kl-s em{font-style:normal;font-weight:700;font-size:.74em;color:#aab3cf}
.kl-s i{position:relative;height:.6em;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.kl-s i b{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w) * 100%);border-radius:999px;background:#475069}
.kl-s span{font-weight:800;font-size:.7em;color:#8b93ad;text-align:right;white-space:nowrap}
.kl-s.on{background:rgba(99,102,241,.14);border-color:rgba(147,164,255,.35)}
.kl-s.on i b{background:var(--grad)}
.kl-s.on em,.kl-s.on span{color:#fff}

/* ═══ EKLEMELER ═══ */

/* kapsam */
.kp-klipler{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55em;align-items:center}
.kp-k{position:relative;aspect-ratio:16/11;border-radius:.5em;overflow:hidden;background:#000;
  border:1px solid rgba(255,255,255,.12);transition:box-shadow .3s ease}
.kp-k.secili{box-shadow:0 0 0 2px #9fb0ff}
.kp-k > b{position:absolute;left:.45em;bottom:.4em;z-index:3;font-weight:800;font-size:.62em;color:#fff;
  background:rgba(8,10,20,.66);border-radius:.3em;padding:.2em .5em}
.kp-logo{position:absolute;right:.4em;top:.4em;z-index:3;width:22%;aspect-ratio:1/1;object-fit:contain;
  opacity:0;transform:scale(.5);filter:drop-shadow(0 .15em .3em rgba(0,0,0,.6));
  transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.6,.64,1)}
.kp-logo.gel{opacity:1;transform:none}
.kp-yazi{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) scale(.6);white-space:nowrap;
  font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:.82em;color:#fff;background:#e11d48;
  border-radius:.2em;padding:.2em .5em;opacity:0;transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.6,.64,1)}
.kp-yazi.gel{opacity:1;transform:translate(-50%,-50%)}

/* beş tür */
.tr5-ic{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:.6em}
.tr5-ic .mk-ek{flex:none;height:100%}
.tr5-o{position:absolute;z-index:3;opacity:0;transform:scale(.6);
  transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.6,.64,1)}
.tr5-o.gel{opacity:1;transform:none}
.tr5-logo{right:5%;top:6%;width:14%;filter:drop-shadow(0 .15em .3em rgba(0,0,0,.6))}
.tr5-gif{left:6%;top:8%;font-weight:900;font-size:.8em;color:#fff;border-radius:.35em;padding:.4em .6em;
  background:linear-gradient(135deg,#f97316,#ec4899)}
.tr5-vid{left:6%;bottom:9%;width:28%;aspect-ratio:16/9;border-radius:.3em;overflow:hidden;border:2px solid #fff}
.tr5-vid img{width:100%;height:100%;object-fit:cover;display:block}
.tr5-muz{right:5%;bottom:9%;display:flex;align-items:center;gap:2px;height:1.7em;padding:.25em .45em;border-radius:.3em;
  background:rgba(16,185,129,.9)}
.tr5-muz i{width:3px;height:40%;border-radius:1px;background:#fff;animation:s3-dalga .9s ease-in-out infinite alternate}
.tr5-yazi{left:50%;top:44%;transform:translate(-50%,-50%) scale(.6);white-space:nowrap;
  font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:1.35em;color:#fff;
  -webkit-text-stroke:.08em #000;paint-order:stroke fill}
.tr5-yazi.gel{transform:translate(-50%,-50%)}
.tr5-katman{display:flex;flex-direction:column;justify-content:center;gap:.3em}
.tr5-sat{display:flex;align-items:center;gap:.5em;padding:.36em .5em;border-radius:.4em;font-weight:700;font-size:.68em;
  color:#cdd6f2;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);opacity:.22;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,background .3s ease}
.tr5-sat.gel{opacity:1;background:rgba(99,102,241,.12)}
.tr5-sat i{width:1.1em;height:1.1em;border-radius:.3em;flex:none}
.t-img{background:#60a5fa}.t-gif{background:#f97316}.t-vid{background:#ef4444}.t-ses{background:#10b981}.t-yazi{background:#a78bfa}

/* konum ve boyut */
.kb-ic{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 7.4em;gap:.6em;align-items:center}
.kb-ek{flex:none;aspect-ratio:16/9}
.kb-oge{position:absolute;z-index:3;left:6%;top:6%;width:16.7%;aspect-ratio:1/1;border:1.5px dashed #fff;border-radius:.15em}
.kb-oge img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 .2em .4em rgba(0,0,0,.5))}
.kb-oge i{position:absolute;width:.55em;height:.55em;background:#fff;border:1px solid #335cff;border-radius:.1em}
.kb-oge .t1{left:-.3em;top:-.3em}.kb-oge .t2{right:-.3em;top:-.3em}
.kb-oge .t3{left:-.3em;bottom:-.3em}.kb-oge .t4{right:-.3em;bottom:-.3em}
.kb-alanlar{display:flex;flex-direction:column;justify-content:center;gap:.35em}
.kb-alanlar span{display:flex;align-items:center;gap:.5em;padding:.35em .55em;border-radius:.4em;
  background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.kb-alanlar em{font-style:normal;font-weight:800;font-size:.64em;color:#8b93ad;width:1em}
.kb-alanlar b{font-weight:800;font-size:.8em;color:#fff;font-variant-numeric:tabular-nums}
.kb-oran{display:flex;align-items:center;gap:.4em;margin-top:.2em;font-weight:700;font-size:.64em;color:#a7f3d0}
.kb-oran i{font-style:normal;display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;
  border-radius:.25em;background:#10b981;color:#06281c;font-size:.9em}

/* tipografi */
.tp-yazi{position:absolute;left:7%;right:7%;top:50%;z-index:3;transform:translateY(-50%);font-size:1.75em;line-height:1.15;
  color:#fff;-webkit-text-stroke:.05em #000;paint-order:stroke fill;text-shadow:0 .1em .3em rgba(0,0,0,.5)}
.tp-yazi.tp-f0{font-family:Arial,sans-serif}
.tp-yazi.tp-f1{font-family:Impact,'Arial Narrow',sans-serif}
.tp-yazi.tp-f2{font-family:Georgia,serif}
.tp-yazi.tp-f3{font-family:'Comic Sans MS',cursive}
.tp-yazi.tp-f4{font-family:Consolas,'Courier New',monospace}
.tp-yazi.tp-f5{font-family:'Arial Black',Arial,sans-serif}
.tp-ui{display:flex;align-items:center;gap:.45em;flex-wrap:wrap}
.tp-sec{display:flex;align-items:baseline;gap:.45em;padding:.32em .6em;border-radius:.4em;
  background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.tp-sec em{font-style:normal;font-weight:700;font-size:.62em;color:#8b93ad}
.tp-sec b{font-weight:800;font-size:.74em;color:#fff;min-width:5.8em}
.tp-grup{display:flex;gap:2px;padding:2px;border-radius:.4em;background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.tp-grup i{font-style:normal;font-weight:800;font-size:.64em;color:#7f8bab;padding:.3em .55em;border-radius:.3em;
  transition:color .25s ease,background .25s ease}
.tp-grup i.on{color:#fff;background:linear-gradient(92deg,#6d3ff0,#335cff)}

/* renk ve çerçeve */
.rc-yazi{position:absolute;left:5%;right:5%;top:50%;z-index:3;transform:translateY(-50%);text-align:center}
.rc-yazi span{font-family:Arial,sans-serif;font-weight:800;font-size:1.75em;line-height:1.4;color:#fff;padding:.06em .35em;
  border-radius:.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;
  transition:background-color .4s ease,text-shadow .4s ease}
.rc.k1 .rc-yazi span{-webkit-text-stroke:.09em #000;paint-order:stroke fill}
.rc.k2 .rc-yazi span{text-shadow:.08em .1em .2em rgba(0,0,0,.85)}
.rc.k3 .rc-yazi span{background-color:rgba(0,0,0,.7)}
.rc-ui{display:flex;gap:.4em;flex-wrap:wrap}
.rc-ui span.on{color:#fff;border-color:rgba(147,164,255,.45);background:rgba(99,102,241,.2)}

/* sesli oku */
.so-yazi{position:absolute;left:6%;right:6%;top:36%;z-index:3;text-align:center;font-family:'Arial Black',Arial,sans-serif;
  font-weight:900;font-size:1.45em;color:#fff;-webkit-text-stroke:.07em #000;paint-order:stroke fill;
  opacity:0;transform:translateY(.3em);transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.5,.64,1)}
.so-yazi.gel{opacity:1;transform:none}
.so-seritler{display:flex;flex-direction:column;gap:.35em}
.so-seritler .mk-serit > div{height:1.9em}
.so-okuma{clip-path:inset(0 100% 0 0)}
.so-video .mk-dlg{transform-origin:50% 50%}
.so-dinle{font-weight:800;font-size:.72em;color:#fff;background:linear-gradient(92deg,#6d3ff0,#335cff);border-radius:.4em;
  padding:.36em .8em;transition:box-shadow .3s ease}
.so-dinle.nabiz{box-shadow:0 0 0 .3em rgba(124,140,255,.35)}

/* ince ayarlar */
.in5-oge{position:absolute;left:50%;top:50%;z-index:3;width:44%;aspect-ratio:16/9;overflow:hidden;
  transform:translate(-50%,-50%);
  transition:opacity .45s ease,transform .5s cubic-bezier(.34,1.4,.64,1),border-radius .45s ease,box-shadow .45s ease}
.in5-oge img{width:100%;height:100%;object-fit:cover;display:block}
.in5[data-i="0"] .in5-oge{opacity:.45}
.in5[data-i="1"] .in5-oge{transform:translate(-50%,-50%) rotate(-12deg)}
.in5[data-i="2"] .in5-oge{border-radius:1.4em}
.in5[data-i="3"] .in5-oge{box-shadow:0 0 0 .38em #fff}
.in5[data-i="4"] .in5-oge{box-shadow:0 1.2em 2.2em rgba(0,0,0,.8)}

/* aynalama */
.an-ok{position:absolute;z-index:3;top:30%;left:12%;width:30%;
  transition:left .6s cubic-bezier(.34,1.3,.64,1),transform .6s cubic-bezier(.34,1.3,.64,1)}
.an-ok svg{width:100%;display:block;filter:drop-shadow(0 .25em .4em rgba(0,0,0,.65))}
.an[data-i="1"] .an-ok{left:66%;transform:rotate(180deg)}
.an[data-i="2"] .an-ok{left:66%;transform:scaleX(-1)}
.an-durum{position:absolute;left:50%;bottom:7%;z-index:4;transform:translateX(-50%)}

/* yeşil perde */
.yp-oge{position:absolute;right:6%;top:10%;z-index:3;width:40%;aspect-ratio:16/10;border-radius:.3em;overflow:hidden;
  display:flex;align-items:center;justify-content:center}
.yp-perde{position:absolute;inset:0;background:#00d23a;transition:opacity .5s ease}
.yp[data-i="1"] .yp-perde{opacity:.42}
.yp[data-i="2"] .yp-perde{opacity:0}
.yp-dugme{position:relative;z-index:2;display:flex;align-items:center;gap:.4em;font-family:Arial,sans-serif;font-weight:900;
  font-size:.9em;color:#fff;background:#e11d2e;border-radius:.3em;padding:.45em .8em;
  box-shadow:0 .3em .8em rgba(0,0,0,.35);transition:box-shadow .5s ease}
.yp[data-i="1"] .yp-dugme{box-shadow:0 0 0 .24em rgba(0,210,58,.6)}
.yp-zil{width:.85em;height:.85em;border-radius:.2em .2em .45em .45em;background:#fff}
.yp-ui{display:flex;gap:.4em;flex-wrap:wrap}
.yp-k{display:flex;align-items:center;gap:.45em;padding:.32em .6em;border-radius:.4em;
  background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.yp-k em{font-style:normal;font-weight:700;font-size:.62em;color:#8b93ad}
.yp-k i{position:relative;width:4em;height:.3em;border-radius:999px;background:rgba(255,255,255,.12)}
.yp-k i b{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--grad);transition:width .5s ease}
.yp-k strong{font-weight:800;font-size:.7em;color:#fff;font-variant-numeric:tabular-nums}

/* animasyon */
.am-oge{position:absolute;left:50%;top:44%;z-index:3;transform:translate(-50%,-50%)}
.am-oge span{display:inline-flex;align-items:center;gap:.4em;font-weight:900;font-size:1.3em;color:#fff;background:#e11d2e;
  border-radius:.35em;padding:.3em .7em;box-shadow:0 .4em 1em rgba(0,0,0,.4)}
.am-oge span::before{content:"";width:.5em;height:.5em;border-radius:50%;background:#fff}
.am.bas[data-i="0"] .am-oge span{animation:am-nabiz .8s ease-in-out infinite}
.am.bas[data-i="1"] .am-oge span{animation:ef-fade .9s ease both}
.am.bas[data-i="2"] .am-oge span{animation:am-zipla .7s cubic-bezier(.3,0,.5,1) infinite}
.am.bas[data-i="3"] .am-oge span{animation:am-titret .35s linear infinite}
.am.bas[data-i="4"] .am-oge span{animation:am-sag .7s cubic-bezier(.22,.61,.36,1) both}
.am.bas[data-i="5"] .am-oge span{animation:am-sol .7s cubic-bezier(.22,.61,.36,1) both}
.am.bas[data-i="6"] .am-oge span{animation:am-alt .7s cubic-bezier(.22,.61,.36,1) both}
.am.bas[data-i="7"] .am-oge span{animation:am-ust .7s cubic-bezier(.22,.61,.36,1) both}
@keyframes am-nabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes am-zipla{0%,100%{transform:translateY(0)}45%{transform:translateY(-.9em)}}
@keyframes am-titret{0%,100%{transform:translateX(0)}25%{transform:translateX(-.16em) rotate(-2deg)}75%{transform:translateX(.16em) rotate(2deg)}}
@keyframes am-sag{from{transform:translateX(9em);opacity:0}to{transform:none;opacity:1}}
@keyframes am-sol{from{transform:translateX(-9em);opacity:0}to{transform:none;opacity:1}}
@keyframes am-alt{from{transform:translateY(5em);opacity:0}to{transform:none;opacity:1}}
@keyframes am-ust{from{transform:translateY(-5em);opacity:0}to{transform:none;opacity:1}}

/* zamanlama */
.zl-ust{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 6.6em;gap:.6em}
.zl-ek{flex:none;height:100%}
.zl-oge{position:absolute;right:5%;bottom:8%;z-index:3;font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:.9em;
  color:#fff;background:#e11d2e;border-radius:.3em;padding:.3em .6em;opacity:0;transition:opacity .15s ease}
.zl-kam{position:absolute;right:5%;top:8%;z-index:3;width:28%;aspect-ratio:16/9;border-radius:.3em;overflow:hidden;
  border:2px solid #fff;opacity:0;transition:opacity .15s ease}
.zl-kam img{width:100%;height:100%;object-fit:cover;display:block}
.zl-siyah{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#000;
  font-weight:900;font-size:1.4em;letter-spacing:.1em;color:#fff;opacity:0;transition:opacity .15s ease}
.zl-oge.gel,.zl-kam.gel,.zl-siyah.gel{opacity:1}
.zl-zemin{display:flex;flex-direction:column;justify-content:center;gap:.25em;padding:.5em .6em;border-radius:.5em;
  background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.zl-zemin em{font-style:normal;font-weight:700;font-size:.6em;color:#8b93ad}
.zl-zemin b{font-weight:800;font-size:1.3em;color:#fff;font-variant-numeric:tabular-nums}
.zl-zemin span{font-weight:700;font-size:.6em;color:#9fb0ff}
.zl-cizgi{position:relative;height:1.9em;display:flex;gap:3px}
.zl-once{position:relative;width:14%;border-radius:.3em;background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.16);transition:background .3s ease}
.zl-once.dolu{background:linear-gradient(90deg,#e11d2e,#f97316);border-style:solid;border-color:transparent}
.zl-klip{position:relative;flex:1;border-radius:.3em;background:rgba(109,139,255,.16);border:1px solid rgba(147,164,255,.3)}
.zl-seg{position:absolute;top:.3em;bottom:.3em;border-radius:.2em;background:linear-gradient(90deg,#e11d2e,#f97316);
  transition:left .4s ease,width .4s ease,opacity .3s ease}

/* müzik ve ses eklemeleri */
.se-seritler{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.5em}
.se .mk-serit > div{height:2.3em}
.se-pencere{position:absolute;top:.15em;bottom:.15em;left:40%;width:34%;border-radius:.25em;
  border:1.5px solid #a78bfa;background:rgba(167,139,250,.14)}
.se-pencere b{position:absolute;left:.35em;top:.2em;font-weight:800;font-size:.56em;color:#ddd6fe;white-space:nowrap}
.se-zarf{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.se-zarf polyline{fill:none;stroke:#fbbf24;stroke-width:2;vector-effect:non-scaling-stroke}
.se[data-i="1"] .se-klip .mk-dlg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.se-tik{position:absolute;top:50%;z-index:3;transform:translate(-50%,-50%);font-weight:800;font-size:.56em;color:#fff;
  background:#ef4444;border-radius:.3em;padding:.1em .4em;transition:opacity .3s ease}
.se-tik.s1{left:6%}
.se-tik.s2{left:94%}
.se[data-i="1"] .se-tik{opacity:0}

/* ═══ KAYNAK · KLİPLER · FORMAT · KALİTE · DOSYA ADI · ŞABLONLAR · TOPLU URL ═══ */

/* ortak parçalar */
.lst{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.34em}
.mk-satir{transition:background .3s ease,border-color .3s ease,opacity .35s ease,transform .45s cubic-bezier(.34,1.4,.64,1)}
.mk-satir .no{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:.35em;flex:none;
  font-weight:800;font-size:.85em;color:#fff;background:#e11d48}
.mk-satir .no.gri{background:#39405a}
.mk-satir .yaz{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.mk-satir .sag{margin-left:auto;font-weight:800;font-size:.9em;color:#8b93ad;white-space:nowrap}
.mk-satir.gizli{opacity:0;transform:translateX(.6em)}
.mk-satir.soluk{opacity:.36}
.mk-satir.soluk .yaz{text-decoration:line-through}
.mk-satir.iyi{border-color:rgba(52,211,153,.4);background:rgba(16,185,129,.1)}
.mk-satir.kotu{border-color:rgba(248,113,113,.38);background:rgba(239,68,68,.09)}
.isr{font-style:normal;display:flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border-radius:50%;
  flex:none;font-weight:900;font-size:.8em;opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .35s cubic-bezier(.34,1.7,.64,1)}
.isr.gel{opacity:1;transform:none}
.isr.e{background:#10b981;color:#06281c}
.isr.h{background:#ef4444;color:#fff}
.uz{font-style:normal;font-weight:800;font-size:.78em;letter-spacing:.04em;color:#fff;border-radius:.3em;padding:.24em .5em;flex:none}
.uz.mp4{background:#ef4444}.uz.mp3{background:#22c55e}.uz.txt{background:#64748b}.uz.json{background:#f59e0b}
.uz.jpg{background:#3b82f6}.uz.gif{background:#f97316}.uz.dir{background:#6d3ff0}
.mk-cubuk{display:grid;grid-template-columns:6.6em minmax(0,1fr) 5.2em;align-items:center;gap:.6em;padding:.28em .5em;
  border-radius:.45em;border:1px solid transparent;transition:background .3s ease,border-color .3s ease}
.mk-cubuk em{font-style:normal;font-weight:700;font-size:.72em;color:#aab3cf;white-space:nowrap}
.mk-cubuk i{position:relative;height:.62em;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.mk-cubuk i b{position:absolute;left:0;top:0;bottom:0;width:calc(var(--w,0) * 100%);border-radius:999px;background:#475069;
  transition:width .6s cubic-bezier(.22,.61,.36,1),background .3s ease}
.mk-cubuk span{font-weight:800;font-size:.68em;color:#8b93ad;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.mk-cubuk.on{background:rgba(99,102,241,.14);border-color:rgba(147,164,255,.35)}
.mk-cubuk.on i b{background:var(--grad)}
.mk-cubuk.on em,.mk-cubuk.on span{color:#fff}
.mk-dug{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font-weight:800;font-size:.74em;color:#fff;
  background:linear-gradient(92deg,#6d3ff0,#335cff);border-radius:.45em;padding:.45em .9em;white-space:nowrap;
  transition:transform .2s ease,box-shadow .3s ease}
.mk-dug.bas2{transform:scale(.94);box-shadow:0 0 0 .3em rgba(124,140,255,.35)}
.mk-dug.gri{background:rgba(255,255,255,.08);color:#aab3cf}
.mk-kutu{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;border-radius:.3em;flex:none;
  border:1.5px solid #5d6580;font-size:.8em;font-weight:900;color:transparent;transition:background .25s ease,border-color .25s ease,color .25s ease}
.mk-kutu.on{background:linear-gradient(92deg,#6d3ff0,#335cff);border-color:transparent;color:#fff}
.mk-pencere{position:absolute;left:50%;top:48%;z-index:6;min-width:64%;border-radius:.6em;background:#f7f8fc;color:#12141f;
  box-shadow:0 1.4em 3em rgba(0,0,0,.55);padding:.8em .9em;opacity:0;transform:translate(-50%,-50%) scale(.92);
  transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.45,.64,1)}
.mk-pencere.gel{opacity:1;transform:translate(-50%,-50%)}
.mk-pencere > b{display:block;font-weight:800;font-size:.8em}
.mk-pencere > span{display:block;margin-top:.35em;font-family:var(--metin);font-weight:500;font-size:.72em;line-height:1.45;color:#4b5064}
.mk-pencere .dugmeler{display:flex;justify-content:flex-end;gap:.4em;margin-top:.7em}
.mk-kucuk{position:relative;border-radius:.45em;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12)}
.mk-kucuk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mk-giris{display:flex;align-items:center;gap:.5em;padding:.42em .6em;border-radius:.45em;min-height:2.2em;
  background:rgba(9,12,24,.72);border:1px solid rgba(147,164,255,.35)}
.mk-giris em{font-style:normal;font-weight:700;font-size:.62em;color:#8b93ad;flex:none}
.mk-giris b{font-weight:700;font-size:.8em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-giris b s{color:#fca5a5}
.gorunum{position:absolute;inset:.85em;transition:opacity .45s ease}

/* kaynak · linkler */
.lk-bas{display:flex;align-items:center;gap:.5em;font-weight:800;font-size:.78em;color:#e7ebf5}
.lk-bas span{margin-left:auto;font-size:.85em;color:#fff;background:rgba(225,29,72,.85);border-radius:999px;padding:.15em .6em}
.lk-kart{display:grid;grid-template-columns:6.6em minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.45em;border-radius:.5em;
  background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(.4em);
  transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.4,.64,1)}
.lk-kart.gel{opacity:1;transform:none}
.lk-kart .mk-kucuk{aspect-ratio:16/9}
.lk-kart b{display:block;font-weight:800;font-size:.78em;color:#fff}
.lk-kart span{font-weight:700;font-size:.66em;color:#9fb0ff}
.lk-kart em{font-style:normal;font-weight:700;font-size:.64em;color:#8b93ad}

/* kaynak · giriş penceresi */
.gr-pencere{position:absolute;left:18%;right:18%;top:12%;bottom:30%;z-index:5;border-radius:.6em;overflow:hidden;background:#f7f8fc;
  box-shadow:0 1.4em 3em rgba(0,0,0,.55);display:flex;flex-direction:column;opacity:0;transform:scale(.92);
  transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.45,.64,1)}
.gr-pencere.gel{opacity:1;transform:none}
.gr-p-bas{display:flex;align-items:center;gap:.3em;padding:.4em .6em;background:#e7e9f2}
.gr-p-bas i{width:.5em;height:.5em;border-radius:50%;background:#c5c9d8}
.gr-p-bas em{margin-left:.4em;font-style:normal;font-weight:700;font-size:.6em;color:#5b6070}
.gr-p-ic{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.45em;padding:.6em 1.2em}
.gr-alan{position:relative;height:1.5em;border-radius:.3em;border:1px solid #d5d8e4;background:#fff;overflow:hidden}
.gr-alan b{position:absolute;left:.5em;top:50%;transform:translateY(-50%);height:.35em;border-radius:.2em;background:#9aa0b8;width:0}
.gr-p-dug{align-self:flex-start;font-weight:800;font-size:.66em;color:#fff;background:#335cff;border-radius:.35em;padding:.35em .8em}

/* klipler */
.mn-serit{position:relative;height:3.3em;display:flex;gap:2px;border-radius:.4em;overflow:hidden;flex:none}
.mn-serit span{flex:1;background-size:cover;background-position:center}
.mn-isaret{position:absolute;top:0;bottom:0;border:2px solid #fff;border-radius:.2em;background:rgba(99,102,241,.35);
  opacity:0;transition:opacity .3s ease}
.mn-isaret.gel{opacity:1}
.rs-cizgi{position:relative;height:2.6em;border-radius:.4em;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);
  margin-top:1.2em}
.rs-p{position:absolute;top:.35em;bottom:.35em;border-radius:.25em;background:linear-gradient(90deg,#6d3ff0,#335cff);
  opacity:0;transform:scaleY(.3);transition:opacity .25s ease,transform .4s cubic-bezier(.34,1.6,.64,1)}
.rs-p.gel{opacity:1;transform:none}
.rs-p b{position:absolute;left:50%;top:-1.55em;transform:translateX(-50%);font-weight:800;font-size:.56em;color:#c9d4ff;white-space:nowrap}
.ai-metin{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.25em;padding:.5em .6em;
  border-radius:.5em;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06)}
.ai-s{display:flex;gap:.6em;font-family:var(--metin);font-weight:500;font-size:.7em;line-height:1.35;color:#7f8bab;
  padding:.15em .3em;border-radius:.25em;transition:background .3s ease,color .3s ease}
.ai-s em{font-style:normal;font-weight:700;color:#5d6580;flex:none;font-variant-numeric:tabular-nums}
.ai-s.tara{color:#cdd6f2}
.ai-s.sec{background:rgba(250,204,21,.15);color:#fef3c7}
.ai-klipler{display:grid;grid-template-columns:1fr 1fr;gap:.45em}
.ai-k{display:flex;flex-direction:column;gap:.15em;padding:.45em .55em;border-radius:.45em;background:rgba(99,102,241,.14);
  border:1px solid rgba(147,164,255,.35);opacity:0;transform:translateY(.4em);transition:opacity .3s ease,transform .4s cubic-bezier(.34,1.4,.64,1)}
.ai-k.gel{opacity:1;transform:none}
.ai-k b{font-weight:800;font-size:.72em;color:#fff;line-height:1.25}
.ai-k span{font-weight:700;font-size:.6em;color:#9fb0ff}
.kk-izgara{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;align-items:center}
.kk-k{position:relative;aspect-ratio:16/10;border-radius:.45em;overflow:hidden;background:#141a30;transition:opacity .4s ease,transform .4s ease}
.kk-k img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}
.kk-k::before{content:"";position:absolute;inset:0;z-index:1;background-size:220% 100%;animation:kk-parla 1.1s linear infinite;
  background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%)}
.kk-k b{position:absolute;left:.4em;right:.4em;bottom:.35em;z-index:2;font-family:'Arial Black',Arial,sans-serif;font-weight:900;
  font-size:.62em;line-height:1.1;color:#fff;-webkit-text-stroke:.06em #000;paint-order:stroke fill;opacity:0;transition:opacity .4s ease .2s}
.kk-k.gel img,.kk-k.gel b{opacity:1}
.kk-k.gel::before{display:none}
@keyframes kk-parla{from{background-position:120% 0}to{background-position:-100% 0}}
.kk[data-i="1"] .kk-k:not(:first-child){opacity:.12;transform:scale(.9)}
.pl-liste{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.3em .4em;align-content:center}
.pl-liste .mk-satir{font-size:.68em}
.gc-a,.gc-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* format */
.fm-ic{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:.7em}
.fm-liste{position:relative;overflow:hidden;border-radius:.5em;background:rgba(9,12,24,.72);border:1px solid rgba(255,255,255,.08)}
.fm-kay{position:absolute;left:0;right:0;top:0;padding:.35em;display:flex;flex-direction:column;gap:.2em;
  transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.fm-sat{display:flex;align-items:baseline;gap:.45em;padding:.36em .55em;border-radius:.35em;font-weight:700;font-size:.7em;color:#aab3cf;
  white-space:nowrap;overflow:hidden;transition:background .25s ease,color .25s ease}
.fm-sat span{font-weight:600;font-size:.86em;color:#6f7899;overflow:hidden;text-overflow:ellipsis}
.fm-sat.on{background:linear-gradient(92deg,#6d3ff0,#335cff);color:#fff}
.fm-sat.on span{color:#dfe6ff}
.fm-onizleme{position:relative;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em}
.fm-kutu{position:relative;flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.fm-cerceve{position:relative;border-radius:.45em;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.18);
  transition:width .45s cubic-bezier(.22,.61,.36,1),height .45s cubic-bezier(.22,.61,.36,1)}
.fm-cerceve img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fm-kaplama{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.fm-kaplama.gel{opacity:1}
.fm-olcu{font-weight:800;font-size:.8em;color:#fff;font-variant-numeric:tabular-nums}
.kp6-ic{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.8em;align-items:center}
.kp6-sol{display:flex;flex-direction:column;gap:.5em;min-width:0}
.kp6-kaynak{position:relative;aspect-ratio:16/9;border-radius:.45em;overflow:hidden}
.kp6-ok{font-weight:800;font-size:1.4em;color:#6f7899}
.kp6-tel{position:relative;height:100%;aspect-ratio:9/16;border-radius:.7em;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.16)}
.kp6-tel img{position:absolute;max-width:none;
  transition:left .6s cubic-bezier(.22,.61,.36,1),top .6s cubic-bezier(.22,.61,.36,1),width .6s cubic-bezier(.22,.61,.36,1),height .6s cubic-bezier(.22,.61,.36,1),opacity .4s ease}
.kp6-bg{left:-108.03%;top:0;width:316.05%;height:100%;filter:blur(.55em) brightness(.55);opacity:0}
.kp6-fg{left:-108.03%;top:0;width:316.05%;height:100%}
.kp6-alt{left:-58.03%;top:31.64%;width:216.05%;height:68.36%;opacity:0}
.kp6[data-i="1"] .kp6-bg,.kp6[data-i="2"] .kp6-bg{opacity:1}
.kp6[data-i="1"] .kp6-fg{left:-25%;width:150%;height:47.46%;top:26.27%}
.kp6[data-i="2"] .kp6-fg,.kp6[data-i="3"] .kp6-fg{left:0;width:100%;height:31.64%;top:34.18%}
.kp6[data-i="4"] .kp6-fg{left:0;width:100%;height:31.64%;top:0}
.kp6[data-i="4"] .kp6-alt{opacity:1}
.kp6[data-i="5"] .kp6-fg{left:0;width:158.02%;height:50%;top:0}
.kp6[data-i="5"] .kp6-alt{opacity:1;left:-58.02%;width:158.02%;height:50%;top:50%}
.sf[data-i="0"] .sf-ag,.sf[data-i="1"] .sf-liste{opacity:0}
.sf-liste{display:flex;flex-direction:column;justify-content:center;gap:.12em}
.sf-liste .mk-cubuk{padding:.2em .5em}
.sf-ag{display:flex;align-items:center;justify-content:center}
.sf-kare{position:relative;height:100%;aspect-ratio:1/1;border-radius:.6em;overflow:hidden;background:#0b0e1c}
.sf-kare > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}
.sf-dalga{position:absolute;left:10%;right:10%;bottom:27%;height:18%;z-index:2}
.sf-dalga .mk-dlg i{background:#ef4444;animation:s3-dalga 1s ease-in-out infinite alternate}
.sf-yazi{position:absolute;left:6%;right:6%;bottom:8%;z-index:2;text-align:center;font-family:Arial,sans-serif;font-weight:800;
  font-size:.9em;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}
.gf-ic{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.gf-k{display:flex;flex-direction:column;gap:.45em;min-height:0}
.gf-film{position:relative;flex:1;min-height:0;border-radius:.45em;overflow:hidden;background:#000}
.gf-film span{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0}
.gf-film span.on{opacity:1}
.gf-rozet{position:absolute;left:.4em;top:.4em;z-index:2;font-weight:900;font-size:.62em;color:#fff;border-radius:.3em;padding:.2em .5em;background:#f97316}
.gf-k.webp .gf-rozet{background:#335cff}
.gf-boyut{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5em;align-items:center}
.gf-boyut i{position:relative;height:.5em;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.gf-boyut i b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#f97316}
.gf-k.webp .gf-boyut i b{background:#335cff}
.gf-boyut span{font-weight:700;font-size:.62em;color:#aab3cf;white-space:nowrap}
.bg-cerceve{position:absolute;z-index:3;border:2px solid #fff;box-shadow:0 0 0 999px rgba(4,6,14,.55)}
.bg-cerceve i{position:absolute;width:.6em;height:.6em;background:#fff;border-radius:.1em}
.bg-cerceve .t1{left:-.35em;top:-.35em}.bg-cerceve .t2{right:-.35em;bottom:-.35em}
.bg-olcu{position:absolute;left:50%;bottom:.3em;transform:translateX(-50%);font-weight:800;font-size:.7em;color:#12141f;
  background:#fff;border-radius:.3em;padding:.12em .45em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kj[data-i="0"] .kj-serbest,.kj[data-i="1"] .kj-izgara{opacity:0}
.kj .gorunum{border-radius:.6em;overflow:hidden}
.kj-izgara{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.35em;background:#fff;padding:.35em}
.kj-izgara span{background-size:cover;background-position:center;border-radius:.15em}
.kj-serbest{background:#0b0e1c}
.kj-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;filter:blur(.8em) brightness(.5)}
.kj-p{position:absolute;background-size:cover;background-position:center}
.kj-p.daire{left:7%;top:14%;width:30%;aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 0 .3em #fff,0 .8em 1.6em rgba(0,0,0,.5)}
.kj-p.yildiz{left:37%;top:30%;width:28%;aspect-ratio:1/1;transform:rotate(-8deg);
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.kj-p.altigen{right:7%;top:10%;width:26%;aspect-ratio:1/1.1;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.kj.bas[data-i="1"] .kj-p{animation:kj-gir .6s cubic-bezier(.34,1.5,.64,1) both}
.kj.bas[data-i="1"] .kj-p.yildiz{animation-delay:.12s}
.kj.bas[data-i="1"] .kj-p.altigen{animation-delay:.24s}
@keyframes kj-gir{from{opacity:0;scale:.5}}

/* kalite ve çıktı */
.bd-toast{position:absolute;right:.85em;bottom:.85em;z-index:5;width:60%;display:flex;align-items:center;gap:.6em;padding:.6em .7em;
  border-radius:.5em;background:#1f2330;border:1px solid rgba(255,255,255,.12);box-shadow:0 1em 2em rgba(0,0,0,.5);
  transform:translateX(125%);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.bd-toast.gel{transform:none}
.bd-toast img{width:2em;height:2em;object-fit:contain;flex:none}
.bd-toast b{display:block;font-weight:800;font-size:.7em;color:#fff}
.bd-toast span{display:block;font-family:var(--metin);font-weight:500;font-size:.64em;color:#aab3cf}
.bd-disk{display:flex;flex-direction:column;gap:.4em}
.bd-disk i{position:relative;height:.9em;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.bd-disk i b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#34d399,#fbbf24 70%,#ef4444);width:0}

/* dosya adı · metadata */
.ad-agac{font-family:Consolas,'Courier New',monospace;font-weight:600;font-size:.72em;line-height:1.55;color:#cdd6f2;white-space:pre;
  padding:.5em .7em;border-radius:.45em;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.ad-agac b{color:#fff}
.ad-agac em{font-style:normal;color:#9fb0ff}
.md-ic{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6em}
.md-alanlar{display:flex;flex-direction:column;justify-content:center;gap:.32em}
.md-ozellik{border-radius:.45em;background:#f7f8fc;color:#12141f;padding:.55em .65em;display:flex;flex-direction:column;gap:.3em;align-self:center}
.md-ozellik > b{font-weight:800;font-size:.72em;padding-bottom:.3em;border-bottom:1px solid #e3e5ee}
.md-o{display:grid;grid-template-columns:5.2em minmax(0,1fr);gap:.4em;font-family:var(--metin);font-size:.64em}
.md-o em{font-style:normal;font-weight:600;color:#6b7185}
.md-o span{font-weight:700;color:#12141f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* şablonlar */
.sk-cipler{display:flex;flex-wrap:wrap;gap:.35em;justify-content:center}
.sk-cip{transition:transform .7s cubic-bezier(.55,0,.35,1),opacity .5s ease}
.sk-cip.uc{transform:translateY(4.5em) scale(.4);opacity:0}
.sk-kart{align-self:center;width:78%;display:flex;align-items:center;gap:.6em;padding:.6em .75em;border-radius:.55em;
  background:rgba(99,102,241,.16);border:1px solid rgba(147,164,255,.4);transition:box-shadow .4s ease,transform .4s ease}
.sk-kart.dolu{box-shadow:0 0 0 .3em rgba(124,140,255,.25);transform:scale(1.02)}
.sk-kart b{display:block;font-weight:800;font-size:.8em;color:#fff}
.sk-kart span{display:block;font-weight:700;font-size:.64em;color:#9fb0ff}
.sk-kart .mk-dug{margin-left:auto}
.sy-d{transition:opacity .25s ease}

/* toplu url */
.tp-alan{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.22em;padding:.5em .6em;border-radius:.5em;
  background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.06)}
.tp-s{display:flex;align-items:center;gap:.5em;font-family:Consolas,'Courier New',monospace;font-weight:600;font-size:.72em;
  color:#cdd6f2;white-space:nowrap;overflow:hidden}
.tp-s span{overflow:hidden;text-overflow:ellipsis}
.tp-s.atildi span{color:#6f7899;text-decoration:line-through}
.tn-ic{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.tn-k{display:flex;flex-direction:column;gap:.26em;padding:.5em;border-radius:.5em;border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);transition:background .35s ease,border-color .35s ease,opacity .35s ease}
.tn-k > b{font-weight:800;font-size:.66em;letter-spacing:.1em;color:#8b93ad;margin-bottom:.15em}
.tn-k .mk-satir{font-size:.66em;padding:.3em .5em}
.tn[data-i="0"] .tn-k.evet,.tn[data-i="1"] .tn-k.hayir{background:rgba(99,102,241,.12);border-color:rgba(147,164,255,.35)}
.tn[data-i="0"] .tn-k.hayir,.tn[data-i="1"] .tn-k.evet{opacity:.35}

/* ═══ BÖLÜM ZEMİNLERİ — her başlığın kendi rengi, kenardan kenara ═══
   Kurgu & Altyazı koyu (sayfanın ana bölümü); ötekiler aynı açıklıkta, farklı renk ailelerinde. */
.dt-bas{padding-bottom:clamp(56px,4.6vw,100px)}
.bl{position:relative;isolation:isolate;padding-bottom:clamp(72px,6vw,130px);
  --bz:#eef1fa; --bz-isik:rgba(255,255,255,.55); --bz-et-zemin:#efeaff; --bz-et:#4a3ec8; --bz-grad:var(--grad);
  --bz-cizgi:#12141f; --bz-ince:#e3e5ee; --bz-sayi:#cfd6ee; --bz-cip:rgba(255,255,255,.72); --bz-cip-kenar:rgba(18,20,31,.08)}
.bl::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;
  background:radial-gradient(60% 70% at 88% 6%,var(--bz-isik),transparent 60%),var(--bz)}
.bl-et{background:var(--bz-et-zemin);color:var(--bz-et)}
.bl-bas{border-bottom-color:var(--bz-cizgi)}
.dt-ic h2 em,.bl-bas h2 em{background:var(--grad);-webkit-background-clip:text;background-clip:text}
.bl .bl-bas h2 em{background:var(--bz-grad);-webkit-background-clip:text;background-clip:text}
.bl-say b{-webkit-text-stroke-color:var(--bz-sayi)}
.bl-alt::after{background:var(--bz-ince)}
.bl .ay-et{color:var(--bz-et)}
.bl .ay-sec li{background:var(--bz-cip);border-color:var(--bz-cip-kenar)}
.bl .ay-sec li.on{background:var(--bz-grad);border-color:transparent;color:#fff}

.bl.z-eklemeler{--bz:linear-gradient(180deg,#ffe6d9,#ffd8c5);--bz-et-zemin:#ffcdb6;--bz-et:#a8360f;
  --bz-grad:linear-gradient(92deg,#ea580c,#e11d48);--bz-ince:#f5c2ad;--bz-sayi:#f0ae93;--bz-cip-kenar:rgba(168,54,15,.14)}
.bl.z-kaynak{--bz:linear-gradient(180deg,#dbeaff,#ccdeff);--bz-et-zemin:#c2d7ff;--bz-et:#1d4ed8;
  --bz-grad:linear-gradient(92deg,#2563eb,#0891b2);--bz-ince:#b7cdf5;--bz-sayi:#a3bdee;--bz-cip-kenar:rgba(29,78,216,.14)}
.bl.z-klipler{--bz:linear-gradient(180deg,#d8f4e7,#c6ebd9);--bz-et-zemin:#b5e6cd;--bz-et:#047857;
  --bz-grad:linear-gradient(92deg,#059669,#0d9488);--bz-ince:#a9dcc3;--bz-sayi:#8fd0b0;--bz-cip-kenar:rgba(4,120,87,.14)}
.bl.z-format{--bz:linear-gradient(180deg,#ebe2ff,#ded0ff);--bz-et-zemin:#d6c6ff;--bz-et:#6d28d9;
  --bz-grad:linear-gradient(92deg,#7c3aed,#c026d3);--bz-ince:#cdbdf5;--bz-sayi:#b9a3f0;--bz-cip-kenar:rgba(109,40,217,.14)}
.bl.z-kalite{--bz:linear-gradient(180deg,#fff0c7,#ffe3a8);--bz-et-zemin:#ffd98a;--bz-et:#92400e;
  --bz-grad:linear-gradient(92deg,#d97706,#ea580c);--bz-ince:#f1d08f;--bz-sayi:#e9bf6e;--bz-cip-kenar:rgba(146,64,14,.14)}
.bl.z-dosya-adi{--bz:linear-gradient(180deg,#d3f1f6,#c0e7ef);--bz-et-zemin:#a9dde8;--bz-et:#0e7490;
  --bz-grad:linear-gradient(92deg,#0891b2,#2563eb);--bz-ince:#a3d6e1;--bz-sayi:#88c7d6;--bz-cip-kenar:rgba(14,116,144,.14)}
.bl.z-sablonlar{--bz:linear-gradient(180deg,#ffe1ec,#ffcfe0);--bz-et-zemin:#ffc0d8;--bz-et:#be185d;
  --bz-grad:linear-gradient(92deg,#db2777,#9333ea);--bz-ince:#f4b4cd;--bz-sayi:#eb9dbd;--bz-cip-kenar:rgba(190,24,93,.14)}
.bl.z-toplu{--bz:linear-gradient(180deg,#e2e7f4,#d2daed);--bz-et-zemin:#c8d2ec;--bz-et:#3346a0;
  --bz-grad:linear-gradient(92deg,#3b5bdb,#6366f1);--bz-ince:#c1cbe4;--bz-sayi:#a9b5d8;--bz-cip-kenar:rgba(51,70,160,.14)}

/* Kurgu & Altyazı — koyu bölüm */
.bl.z-kurgu-altyazi{--bz:linear-gradient(180deg,#0c0f2c 0%,#131a45 55%,#0d1134 100%);--bz-isik:rgba(124,58,237,.28);
  --bz-et-zemin:rgba(255,255,255,.1);--bz-et:#c4b5fd;--bz-grad:linear-gradient(92deg,#c4b5fd,#93c5fd 55%,#7dd3fc);
  --bz-cizgi:rgba(255,255,255,.45);--bz-ince:rgba(255,255,255,.13);--bz-sayi:rgba(255,255,255,.24);
  --bz-cip:rgba(255,255,255,.07);--bz-cip-kenar:rgba(255,255,255,.13);color:#fff}
.bl.z-kurgu-altyazi::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  z-index:-1;pointer-events:none;background:radial-gradient(45% 35% at 6% 94%,rgba(46,168,255,.16),transparent 70%)}
.z-kurgu-altyazi .bl-bas h2,.z-kurgu-altyazi .bl-alt,.z-kurgu-altyazi .ay h3{color:#fff}
.z-kurgu-altyazi .bl-bas p,.z-kurgu-altyazi .ay p{color:#b6bedc}
.z-kurgu-altyazi .bl-say span,.z-kurgu-altyazi .bl-alt small{color:#8e98c4}
.z-kurgu-altyazi .ay-sec li{color:#d5daf0}
.bl.z-kurgu-altyazi .ay-sec li.on{color:#12141f}
.z-kurgu-altyazi .ay-sahne{border-color:rgba(255,255,255,.16);
  box-shadow:0 1.6em 3.4em rgba(0,0,0,.45),0 0 0 1px rgba(124,140,255,.12),inset 0 1px 0 rgba(255,255,255,.08)}

/* harita kutucukları bölüm renklerini taşır */
.harita a{position:relative;overflow:hidden;padding-top:calc(clamp(12px,.9vw,18px) + 5px)}
.harita a::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--hz,#cfd6ee)}
.harita a span{color:var(--hy,#5b50d6)}
.harita a.z-kurgu-altyazi{background:#12141f;border-color:#12141f;color:#fff;--hz:linear-gradient(90deg,#c4b5fd,#7dd3fc);--hy:#b9b0ff}
.harita a.z-kurgu-altyazi i{color:#9aa3c7}
.harita a.z-eklemeler{background:#ffe6d9;border-color:#ffd2bf;--hz:linear-gradient(90deg,#ea580c,#e11d48);--hy:#a8360f}
.harita a.z-kaynak{background:#dbeaff;border-color:#c6dbff;--hz:linear-gradient(90deg,#2563eb,#0891b2);--hy:#1d4ed8}
.harita a.z-klipler{background:#d8f4e7;border-color:#bfe8d3;--hz:linear-gradient(90deg,#059669,#0d9488);--hy:#047857}
.harita a.z-format{background:#ebe2ff;border-color:#dccdff;--hz:linear-gradient(90deg,#7c3aed,#c026d3);--hy:#6d28d9}
.harita a.z-kalite{background:#fff0c7;border-color:#ffe0a0;--hz:linear-gradient(90deg,#d97706,#ea580c);--hy:#92400e}
.harita a.z-dosya-adi{background:#d3f1f6;border-color:#b8e3ec;--hz:linear-gradient(90deg,#0891b2,#2563eb);--hy:#0e7490}
.harita a.z-sablonlar{background:#ffe1ec;border-color:#ffc9dc;--hz:linear-gradient(90deg,#db2777,#9333ea);--hy:#be185d}
.harita a.z-toplu{background:#e2e7f4;border-color:#cdd6ec;--hz:linear-gradient(90deg,#3b5bdb,#6366f1);--hy:#3346a0}
.harita a:hover{background:#fff}
.harita a.z-kurgu-altyazi:hover{background:#1b1f33}

/* ═══ MAKET v2 · görüntü katmanı — her sahneye kendi klibi ═══ */
video.mk-foto{background:#05070e}
.yz-c{position:absolute;inset:0;width:100%;height:100%;display:block}

/* sansür · seste: üstte oyun yayını, altında dalga */
.sn-ek{flex:1.35}
.sn .sn-dalga{flex:1}
.sn-cumle2{font-size:1.2em}

/* dublaj türü: belgesel önizlemesi + mikser */
.dt2-ek{flex:1.25}
.dt2 .mk-mikser{flex:1;gap:.3em}
.dt2 .mk-kanal .olcer{height:.85em}

/* hız: video gerçekten o hızda oynar */
.hz-vid{object-fit:cover}

/* normalize: her klibin küçük resmi */
.nr-klip{gap:.25em}
.nr-k{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.3em}

/* önizleme + şerit düzenleri */
.ss-ek,.dl-ek,.se-ek,.m3-ek{flex:1.1}
.ss .ss-seritler,.dl .dl-adaylar,.se .se-seritler{flex:1}
.ss .mk-serit > div{height:1.6em}
.se .mk-serit > div{height:1.8em}
.dl .dl-dalga{height:2.3em}
.dl .dl-adaylar{gap:.3em}

/* dikey telefonlar: dikey klip doğrudan */
.by-img,.kn-img{left:0 !important;width:100% !important;object-fit:cover}

/* başlık kişinin arkasında: alt katman video, üst katman aynı kareden tuval */
.bs-v{z-index:1}
.bs-c{z-index:3}

/* tanıma kalitesi: metin videonun üstünde */
.kl-ek{flex:1.4}
.kl-ek .kl-metin{position:absolute;left:4%;right:4%;bottom:6%;z-index:3;min-height:0;font-size:.88em;
  background:rgba(6,8,16,.74)}
.kl .kl-seviyeler{flex:1}

/* küçük kutulardaki videolar ve kareler */
.in5-oge video,.tr5-vid img,.zl-kam img,.lk-kart .mk-kucuk video,.fm-cerceve video,.sf-kare > video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sf-kare > video{filter:brightness(.7)}

/* yeşil perde: gerçek yeşil perde klibi tuvalde canlı temizlenir */
.yp-oge{width:46%;aspect-ratio:16/9;top:8%}
.yp-kaynak{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}
.yp-c{position:absolute;inset:0;width:100%;height:100%;display:block}

/* giriş: arkada kilitli film */
.ay-sahne > .gr-arka{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:blur(2px) brightness(.32)}
.th-kart,.dr-kart{opacity:1;transform:none}
.dr-kart{padding:.35em}

/* klipler */
.rs-serit{height:2.7em;margin-bottom:.1em}
.ai-metin{position:relative;overflow:hidden;isolation:isolate}
.ai-arka{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.26) saturate(.85)}
.pl-k{display:block;width:2.8em;aspect-ratio:16/9;object-fit:cover;border-radius:.22em;flex:none}
.pl-liste .mk-satir{gap:.4em}
.kj-izgara video{display:block;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:.15em}

/* kaynak kalitesi: seçilen kaliteye göre görüntü netleşir */
.ay-sahne.k2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.55em .7em}
.k2 .k2-ek{grid-column:1;grid-row:1;align-self:center;flex:none;height:auto;aspect-ratio:16/9}
.k2-v{transition:filter .5s ease}
.k2 .lst{grid-column:2;grid-row:1;gap:.12em}
.k2 .mk-cubuk{grid-template-columns:3.4em minmax(0,1fr) 5.4em;gap:.45em;padding:.14em .45em}
.k2 .mk-alt{grid-column:1/-1}
.m3-ek{flex:1.25}
.ad-k{margin-left:auto}
.md-k{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.3em;margin-bottom:.15em}

/* klibe göre yerleşim: balon konuşanın yüzünü kapatmasın, ok kişiyi göstersin, maske tuvalde */
.db .db-balon{left:auto;right:4%;top:auto;bottom:8%;max-width:46%;border-radius:.75em .75em .15em .75em}
.an-ok{left:2%;width:22%;top:22%}
.an[data-i="1"] .an-ok,.an[data-i="2"] .an-ok{left:74%}
.bs .bs-c{clip-path:none}
.kp6-c{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ═══ MAKET v2 · bölüm vitrinleri ═══
   Her bölüm büyük bir kartla açılır (sahne + metin yan yana); kalanlar 2'li, 2×2 ya da 3'lü eşit sıralarda.
   Sahne yazısı kartın genişliğiyle büyür: 2K'da doğrulanan oran (500 px kart → 17 px) her genişlikte korunur. */
.ay{container-type:inline-size}
.ay > .ay-sahne{font-size:clamp(9px,3.4cqi,40px)}

.kg.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
.kg.bir{grid-template-columns:minmax(0,1fr)}

/* uzun bölümde (Kurgu & Altyazı) iki üst başlık */
.bl-alt.bl-ana{margin-top:clamp(64px,5vw,112px);font-size:clamp(20px,1.55vw,31px);letter-spacing:-.005em}
.bl-alt.bl-ana small{font-size:.48em;letter-spacing:.12em}
.bl-alt.bl-ana + .kg.bir{margin-top:clamp(22px,1.8vw,36px)}

/* büyük kart: sahne ~%60, metin yanında */
.ay.buyuk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,3vw,72px);align-items:center}
.ay.buyuk > .ay-sahne{font-size:clamp(9px,1.98cqi,40px);box-shadow:0 2em 4em -1.6em rgba(10,12,36,.5)}
.ay.buyuk.sag{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}
.ay.buyuk.sag > .ay-sahne{order:2}
.ay.buyuk .ay-metin{gap:clamp(8px,.8vw,16px)}
.ay.buyuk h3{font-size:clamp(28px,2.5vw,50px);line-height:1.05}
.ay.buyuk p{font-size:clamp(15px,1.05vw,20px);max-width:34em}
.ay.buyuk .ay-sec{gap:.5em}
.ay.buyuk .ay-sec li{font-size:clamp(12.5px,.84vw,16px)}

@media (max-width:1180px){
  .kg:not(.iki):not(.bir){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .ay.buyuk,.ay.buyuk.sag{grid-template-columns:minmax(0,1fr)}
  .ay.buyuk > .ay-sahne{font-size:clamp(9px,3.4cqi,40px)}
  .ay.buyuk.sag > .ay-sahne{order:0}
  .kg:not(.iki):not(.bir){grid-template-columns:repeat(2,minmax(0,1fr))}
  .kg:not(.bir) > .ay:nth-child(3):last-child{grid-column:1/-1}
}
@media (max-width:720px){
  .kg.iki,.kg:not(.iki):not(.bir){grid-template-columns:minmax(0,1fr)}
}

/* ═══ MAKET v2 · bölüm çubuğu + renk ritmi ═══ */

/* yapışkan bölüm çubuğu — yalnız bölümler ekrandayken durur; ekrandaki bölüm yanar */
.bl-kap{position:relative}
.bc{position:sticky;top:clamp(78px,4.2vw,102px);z-index:30;display:flex;gap:.25em;width:max-content;
  max-width:calc(100% - 32px);height:clamp(44px,2.9vw,58px);margin:0 auto calc(-1 * clamp(44px,2.9vw,58px));
  padding:.28em;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;border-radius:999px;
  background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);
  border:1px solid rgba(18,20,31,.08);box-shadow:0 .7em 2.2em rgba(18,20,31,.14)}
.bc::-webkit-scrollbar{display:none}
.bc a{display:inline-flex;align-items:center;gap:.5em;padding:0 1em;border-radius:999px;white-space:nowrap;
  text-decoration:none;font-family:var(--metin);font-weight:700;font-size:clamp(12px,.76vw,15px);color:#3a3f55;
  transition:background .25s ease,color .25s ease}
.bc a i{width:.62em;height:.62em;border-radius:50%;flex:none;background:var(--nokta,#8a90a6)}
.bc a:hover{background:rgba(18,20,31,.06)}
.bc a.on{background:#12141f;color:#fff}
.bc a:focus-visible{outline:2px solid #335cff;outline-offset:2px}
.bc .z-kurgu-altyazi{--nokta:linear-gradient(135deg,#c4b5fd,#7dd3fc)}
.bc .z-eklemeler{--nokta:linear-gradient(135deg,#ea580c,#e11d48)}
.bc .z-kaynak{--nokta:linear-gradient(135deg,#2563eb,#0891b2)}
.bc .z-klipler{--nokta:linear-gradient(135deg,#059669,#0d9488)}
.bc .z-format{--nokta:linear-gradient(135deg,#c026d3,#7c3aed)}
.bc .z-kalite{--nokta:linear-gradient(135deg,#d97706,#ea580c)}
.bc .z-dosya-adi{--nokta:linear-gradient(135deg,#0891b2,#2563eb)}
.bc .z-sablonlar{--nokta:linear-gradient(135deg,#db2777,#9333ea)}
.bc .z-toplu{--nokta:linear-gradient(135deg,#3b5bdb,#6366f1)}
.bl{scroll-margin-top:clamp(136px,8vw,176px)}

/* bantlar arası yumuşak geçiş: zemin önceki bandın boş alt boşluğuna taşar ve yukarı doğru saydamlaşır
   (taşma her genişlikte alt boşluktan kısa — kartlara değmez) */
.bl::before{top:calc(-1 * clamp(48px,4vw,96px));
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 clamp(48px,4vw,96px));
  mask-image:linear-gradient(180deg,transparent 0,#000 clamp(48px,4vw,96px))}

/* renk ritmi: Çıktı formatı da koyu — koyu mor, Kurgu & Altyazı'nın lacivertinden ayrı aile */
.bl.z-format{--bz:linear-gradient(180deg,#1b1038 0%,#2a1558 55%,#1a0f3a 100%);--bz-isik:rgba(192,38,211,.26);
  --bz-et-zemin:rgba(255,255,255,.1);--bz-et:#e9c6ff;--bz-grad:linear-gradient(92deg,#f0abfc,#c4b5fd 55%,#a5b4fc);
  --bz-cizgi:rgba(255,255,255,.45);--bz-ince:rgba(255,255,255,.13);--bz-sayi:rgba(255,255,255,.24);
  --bz-cip:rgba(255,255,255,.07);--bz-cip-kenar:rgba(255,255,255,.13);color:#fff}
.z-format .bl-bas h2,.z-format .bl-alt,.z-format .ay h3{color:#fff}
.z-format .bl-bas p,.z-format .ay p{color:#c3bde0}
.z-format .bl-say span,.z-format .bl-alt small{color:#a397c9}
.z-format .ay-sec li{color:#e2dcf5}
.bl.z-format .ay-sec li.on{color:#12141f}
.z-format .ay-sahne{border-color:rgba(255,255,255,.16);
  box-shadow:0 1.6em 3.4em rgba(0,0,0,.45),0 0 0 1px rgba(200,140,255,.14),inset 0 1px 0 rgba(255,255,255,.08)}
.harita a.z-format{background:#1f1240;border-color:#1f1240;color:#fff;--hy:#e9c6ff}
.harita a.z-format i{color:#b3a6d6}
.harita a.z-format:hover{background:#2a1a52}

/* ═══ MAKET v2 · telefonda sahne yazısı ═══
   Sahne oranı kart genişliğiyle ölçekleniyor (3.4cqi); 390 px ekranda etiketler 6–8 px'e iniyordu.
   Oran bozulmasın diye bütün yazı büyümez — yalnız durum taşıyan küçük etiketlere taban konur. */
@media (max-width:720px){
  .ay-sahne .mk-et{font-size:max(.62em,9px)}
  .ay-sahne .mk-deger{font-size:max(.64em,9px)}
  .ay-sahne .mk-hap{font-size:max(.74em,9.5px)}
  .ay-sahne .mk-serit > em{font-size:max(.7em,9px)}
  .ay-sahne .mk-cubuk em{font-size:max(.72em,9px)}
  .ay-sahne .mk-cubuk span{font-size:max(.68em,9px)}
  .ay-sahne .hz-olcek i{font-size:max(.64em,9px)}
  .ay-sahne .yp-k em{font-size:max(.62em,9px)}
  .ay-sahne .yp-k strong{font-size:max(.7em,9.5px)}
}