/* ana.css — sinematik ana sayfa (yalnızca index.html)
 * Koyu tek tema: sayfa bilinçli olarak koyu tasarlandı, açık modda da koyu kalır.
 * Tüm kurallar .ana altında; style.css'in genel section/h2/p kurallarıyla çakışmasın.
 */
.ana{
  --a-bg:#0b0e10;--a-surface:#12171b;--a-raise:#182026;--a-line:#232a31;
  --a-ink:#e9edf0;--a-muted:#9aa3ab;--a-faint:#8a939b;
  --a-accent:#7cc4ff;--a-warn:#f2b233;--a-err:#ff6b5e;
  --a-max:76rem;--a-gut:clamp(1rem,4vw,2rem);
  background:var(--a-bg);color:var(--a-ink);color-scheme:dark;
  font-family:var(--sans);
}
body.ana-body,:root[data-vardiya] body.ana-body{background:#0b0e10}
.ana *,.ana *::before,.ana *::after{box-sizing:border-box}
.ana a{color:inherit}
.ana :focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}
.ana section{border-top:1px solid var(--a-line);padding:clamp(4rem,9vw,7rem) 0}
.ana .ic{max-width:var(--a-max);margin:0 auto;padding-inline:var(--a-gut)}
.ana .etiket{font-family:var(--mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--a-accent)}
.ana h2{margin:.9rem 0 0;font-family:var(--sans);font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.05;letter-spacing:-.04em;font-weight:600;color:var(--a-ink);text-wrap:balance;max-width:22ch}
.ana .giris{margin:1.25rem 0 0;max-width:62ch;font-size:1.0625rem;line-height:1.7;color:var(--a-muted)}
.ana .bas{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem}
.ana .ok{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink);border-bottom:1px solid var(--a-line);padding-bottom:.35rem;transition:color .2s,border-color .2s}
.ana .ok:hover{color:var(--a-accent);border-color:var(--a-accent)}
.ana .ok::after{content:"→"}

/* ---- kapak ---- */
.ana .kapak{position:relative;border-top:0;padding:0;min-height:min(84svh,54rem);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;
  background:#0b0e10}
.ana .kapak canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2;opacity:0;transition:opacity 1.4s ease}
.ana .kapak canvas.hazir{opacity:1}
.ana .kapak::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,16,.35) 0%,rgba(11,14,16,0) 30%,rgba(11,14,16,.55) 62%,#0b0e10 100%),
             linear-gradient(90deg,rgba(11,14,16,.7) 0%,rgba(11,14,16,0) 60%)}
.ana .kapak .ic{width:100%;padding-block:clamp(10rem,40vh,26rem) clamp(2rem,5vw,3.5rem)}
.ana .gizli{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ana .kapak h1{margin:1rem 0 0;font-family:var(--sans);font-weight:600;font-size:clamp(2.75rem,8.5vw,6.5rem);line-height:.95;letter-spacing:-.055em;color:#fff;text-wrap:balance;max-width:12ch}
.ana .kapak .alt{margin:1.25rem 0 0;max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;color:#d6dce0}
.ana .dugmeler{display:flex;flex-wrap:wrap;gap:.75rem}
.ana .dg{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.75rem 1.35rem;font-size:.9375rem;font-weight:500;border:1px solid rgba(255,255,255,.28);color:#fff;transition:background .2s,color .2s,border-color .2s}
.ana .dg:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.ana .dg.birincil{background:var(--a-accent);border-color:var(--a-accent);color:#0b0e10}
.ana .dg.birincil:hover{background:#b3dcff}
.ana .rakam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(2.5rem,6vw,4rem) 0 0;border-top:1px solid rgba(255,255,255,.18)}
.ana .rakam div{padding:1.1rem 1rem 0 0}
.ana .rakam dt{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#aeb6bc}
.ana .rakam dd{margin:.35rem 0 0;font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:600;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.ana .rakam dd small{font-size:.5em;color:var(--a-accent);margin-left:.1em;letter-spacing:0}

/* ---- makine ---- */
.ana .parca{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:1px;margin-top:3rem;background:var(--a-line);border:1px solid var(--a-line)}
.ana .parca article{background:var(--a-bg);padding:1.75rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:1rem}
.ana .parca h3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--a-ink)}
.ana .parca p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--a-muted)}
.ana .parca dl{margin:auto 0 0;display:grid;gap:.5rem;padding-top:1rem;border-top:1px solid var(--a-line)}
.ana .parca dl div{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem}
.ana .parca dt{color:var(--a-faint)}
.ana .parca dd{margin:0;font-family:var(--mono);font-size:.8125rem;color:var(--a-ink);text-align:right;font-variant-numeric:tabular-nums}
.ana .kaynak-not{margin:1.25rem 0 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--a-faint)}

/* ---- sahadan (galeri) ---- */
.ana .gal{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(9rem,17vw,14rem);gap:.75rem;margin-top:3rem}
.ana .gal figure{margin:0;position:relative;overflow:hidden;background:var(--a-surface);cursor:zoom-in}
.ana .gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}
.ana .gal figure:hover img{transform:scale(1.035)}
.ana .gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.5rem .9rem .7rem;font-family:var(--mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#e9edf0;background:linear-gradient(transparent,rgba(0,0,0,.65))}
.ana .gal .g1{grid-column:span 7;grid-row:span 2}
.ana .gal .g2{grid-column:span 5}
.ana .gal .g3{grid-column:span 5}
.ana .gal .g4{grid-column:span 4}
.ana .gal .g5{grid-column:span 4}
.ana .gal .g6{grid-column:span 4}
.ana .gal .g7{grid-column:span 6}
.ana .gal .g8{grid-column:span 6}

/* ---- saha notları ---- */
.ana .vaka{list-style:none;margin:3rem 0 0;padding:0;border-top:1px solid var(--a-line)}
.ana .vaka a{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:.5rem 1.5rem;align-items:baseline;padding:1.4rem 0;border-bottom:1px solid var(--a-line);transition:background .2s}
.ana .vaka a:hover{background:var(--a-surface)}
.ana .vaka .no{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;color:var(--a-accent)}
.ana .vaka b{display:block;font-size:1.1875rem;font-weight:600;letter-spacing:-.02em;color:var(--a-ink)}
.ana .vaka span.oz{display:block;margin-top:.35rem;font-size:.9375rem;line-height:1.55;color:var(--a-muted);max-width:70ch}
.ana .vaka .mdl{font-family:var(--mono);font-size:.75rem;color:var(--a-faint);white-space:nowrap}

/* ---- arıza ---- */
.ana .ariza-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.ana .belirti{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.ana .belirti a{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.6rem 1rem;border:1px solid var(--a-line);background:var(--a-surface);font-size:.9375rem;color:var(--a-ink);transition:border-color .2s,background .2s}
.ana .belirti a::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--a-warn);flex:none}
.ana .belirti a.kritik::before{background:var(--a-err)}
.ana .belirti a:hover{border-color:var(--a-accent);background:var(--a-raise)}
.ana .uyari{margin:1.75rem 0 0;padding:1rem 1.1rem;border-left:2px solid var(--a-err);background:rgba(255,107,94,.06);font-size:.9375rem;line-height:1.6;color:#e3c9c6}

/* ---- kaynaklar / kariyer kartları ---- */
.ana .kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:3rem}
.ana .kartlar a{display:flex;flex-direction:column;gap:.6rem;min-height:9.5rem;padding:1.5rem;border:1px solid var(--a-line);background:var(--a-surface);transition:border-color .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.ana .kartlar a:hover{border-color:var(--a-accent);transform:translateY(-2px)}
.ana .kartlar .k-ust{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint)}
.ana .kartlar b{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--a-ink)}
.ana .kartlar span.a{font-size:.9375rem;line-height:1.55;color:var(--a-muted)}
.ana .kartlar .git{margin-top:auto;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--a-accent)}

/* ---- iletişim ---- */
.ana .iletisim{background:linear-gradient(180deg,var(--a-bg),#070909)}
.ana .iletisim h2{max-width:18ch}
.ana .kanal{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1px;margin-top:3rem;background:var(--a-line);border:1px solid var(--a-line)}
.ana .kanal > *{background:var(--a-bg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}
.ana .kanal .k-ust{font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint)}
.ana .kanal .d{font-size:1.0625rem;color:var(--a-ink);word-break:break-word;user-select:all}
.ana .kanal a{transition:background .2s}
.ana .kanal a:hover{background:var(--a-surface)}
.ana .kanal a .d::after{content:" ↗";color:var(--a-accent)}
.ana .kapanis{margin:clamp(3.5rem,8vw,6rem) 0 0;font-size:clamp(1.9rem,5vw,3.75rem);font-weight:600;letter-spacing:-.05em;line-height:1;color:var(--a-ink)}
.ana .kapanis em{font-style:normal;color:var(--a-accent)}


/* ---- koyu sayfa için altbilgi ve ışık kutusu ---- */
body.ana-body footer{background:#070909;border-top:1px solid #1b2127;color:#9aa3ab}
body.ana-body footer .mono,body.ana-body footer .mono a{color:#9aa3ab}
:root body.ana-body header,:root[data-vardiya] body.ana-body header{background:#f6f4f0;backdrop-filter:none}
body.ana-body footer a:hover{color:#e9edf0}
body.ana-body #lb{background:rgba(7,9,9,.96)}

@media (max-width:860px){
  .ana .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(8rem,38vw,13rem)}
  .ana .gal figure{grid-column:span 1!important;grid-row:span 1!important}
  .ana .gal .g1{grid-column:span 2!important;grid-row:span 2!important}
  .ana .gal .g8{grid-column:span 2!important}
  .ana .ariza-izgara{grid-template-columns:1fr}
  .ana .vaka a{grid-template-columns:4rem minmax(0,1fr)}
  .ana .vaka .mdl{grid-column:2}
}
@media (max-width:560px){
  .ana .rakam{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ana .rakam div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12);margin-top:1rem}
  .ana .kapak{min-height:auto}
  .ana .kapak .ic{padding-top:clamp(16rem,70vw,22rem)}
}
@media (prefers-reduced-motion:reduce){
  .ana *{transition:none!important}
}

/* ===================== v3: kuleye tırmanış kapağı ===================== */
/* üst menü: ana sayfada koyu (aynı bileşenler, koyu değişkenlerle) */
body.ana-body header{--ink:#e9edf0;--muted:#aab3ba;--line:#262e35;--surface:#141a1f;--raise:#1b2328;--ground:#0b0e10;
  background:rgba(11,14,16,.82);border-bottom-color:#1d252b;backdrop-filter:blur(12px)}
:root[data-vardiya] body.ana-body header,:root body.ana-body header{background:rgba(11,14,16,.82);backdrop-filter:blur(12px)}
body.ana-body header .plate{background:#7cc4ff;border-color:#7cc4ff;color:#0b0e10}
body.ana-body header .plate:hover{background:#b3dcff}

.ana .kule{position:relative;border-top:0;padding:0;height:min(86svh,54rem);background:#0b0e10}
.ana .kule.uc-boyut{height:380vh}
.ana .kule-sahne{position:sticky;top:0;height:100svh;max-height:100vh;overflow:hidden;isolation:isolate;
  background:#0b0e10}
.ana .kule.statik .kule-sahne{position:relative;height:100%}
.ana .kule-sahne canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-2;opacity:0;transition:opacity 1.2s ease}
.ana .kule-sahne canvas.hazir{opacity:1}
.ana .kule-sahne::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,14,16,.55) 0,rgba(11,14,16,0) 26%,rgba(11,14,16,0) 52%,rgba(11,14,16,.72) 84%,#0b0e10 100%)}

/* canlı gösterge: assets/vitrin.css (.ralan) */
.ana .nabiz{width:.45rem;height:.45rem;border-radius:50%;background:#7cc4ff;box-shadow:0 0 0 0 rgba(124,196,255,.6);animation:nabiz 2s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 .5rem rgba(124,196,255,0)}100%{box-shadow:0 0 0 0 rgba(124,196,255,0)}}

/* kot göstergesi (kameranın gerçek yüksekliği) */
.ana .kot{position:absolute;right:var(--a-gut);top:calc(72px + 2rem);bottom:clamp(12rem,30vh,16rem);width:4.5rem;
  display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;font-family:var(--mono);color:#e9edf0;pointer-events:none}
.ana .kule.statik .kot{display:none}
.ana .kot-deger{font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:#aab3ba}
.ana .kot-deger b{font-family:var(--sans);font-size:1.6rem;font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.ana .kot-cetvel{position:relative;flex:1;width:100%;border-right:1px solid rgba(255,255,255,.35)}
.ana .kot-cetvel i{position:absolute;right:.6rem;bottom:calc(var(--y)*100%);transform:translateY(50%);font-style:normal;font-size:.625rem;color:#aab3ba}
.ana .kot-cetvel i::after{content:"";position:absolute;right:-.6rem;top:50%;width:.4rem;height:1px;background:rgba(255,255,255,.5)}
.ana .kot-ok{position:absolute;right:-.35rem;bottom:calc(var(--y,0)*100%);width:.7rem;height:.7rem;transform:translateY(50%) rotate(45deg);background:#7cc4ff;box-shadow:0 0 12px rgba(124,196,255,.7);transition:bottom .15s linear}

/* alt bant: duraklar üst üste, etkin olan görünür */
.ana .kule-alt{position:absolute;left:0;right:0;bottom:0;padding:0 var(--a-gut) clamp(1.5rem,4vh,2.75rem);max-width:var(--a-max);margin:0 auto;display:grid}
.ana .durak{grid-area:1/1;align-self:end;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.ana .durak.etkin{opacity:1;transform:none;pointer-events:auto}
.ana .kule.statik .durak[data-d="1"],.ana .kule.statik .durak[data-d="2"],.ana .kule.statik .durak[data-d="3"]{display:none}
.ana .durak .etiket{color:#7cc4ff}
.ana .durak-m{margin:.6rem 0 0;max-width:36ch;font-size:clamp(1.15rem,2.1vw,1.6rem);line-height:1.35;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.ana .durak-m a{color:#7cc4ff;border-bottom:1px solid rgba(124,196,255,.4);white-space:nowrap}
.ana .kaydir{margin:1.25rem 0 0;font-family:var(--mono);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#aab3ba;display:flex;align-items:center;gap:.6rem}
.ana .kaydir::before{content:"";width:1px;height:1.6rem;background:linear-gradient(#7cc4ff,transparent);animation:inis 1.8s ease-in-out infinite}
@keyframes inis{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.ana .kule.statik .kaydir{display:none}
.ana .kule .rakam{margin-top:clamp(1.5rem,4vh,2.5rem)}

/* ===================== kısaca ===================== */
.ana .giris-izgara{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:end}
.ana .soz{margin:1.25rem 0 0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.6rem,3.3vw,2.7rem);line-height:1.22;letter-spacing:-.02em;color:#f2f4f5;text-wrap:pretty;position:relative;padding-left:clamp(1.25rem,3vw,2rem);border-left:2px solid #7cc4ff}
.ana .giris-yan .giris{margin-top:0}
.ana .platform{list-style:none;margin:1.75rem 0 0;padding:0;border-top:1px solid var(--a-line)}
.ana .platform li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--a-line)}
.ana .platform b{font-weight:600;color:var(--a-ink)}
.ana .platform span{font-family:var(--mono);font-size:.8125rem;color:var(--a-muted);text-align:right}

/* ===================== saha geçmişi ===================== */
.ana .zaman{list-style:none;margin:3rem 0 0;padding:0;position:relative}
.ana .zaman::before{content:"";position:absolute;left:4.25rem;top:.4rem;bottom:.4rem;width:1px;background:var(--a-line)}
.ana .zaman li{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:0 2rem;padding:0 0 2rem;position:relative}
.ana .zaman li::before{content:"";position:absolute;left:calc(4.25rem - .3rem);top:.45rem;width:.6rem;height:.6rem;border-radius:50%;background:#0b0e10;border:1px solid var(--a-faint)}
.ana .zaman li:first-child::before{background:#7cc4ff;border-color:#7cc4ff;box-shadow:0 0 12px rgba(124,196,255,.6)}
.ana .zaman .yil{font-family:var(--mono);font-size:.8125rem;color:var(--a-accent);padding-top:.1rem}
.ana .zaman h3{margin:0;font-size:1.1875rem;font-weight:600;letter-spacing:-.02em;color:var(--a-ink)}
.ana .zaman .rol{margin:.3rem 0 0;font-size:.875rem;color:var(--a-muted)}
.ana .zaman .rol span{color:var(--a-faint)}
.ana .zaman .oz{margin:.55rem 0 0;max-width:72ch;font-size:.9375rem;line-height:1.6;color:var(--a-muted)}

/* ===================== video ===================== */
.ana .an-video{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--a-line)}
.ana .an-video-kutu{width:min(18rem,70vw);aspect-ratio:9/16;max-width:100%;background:#000;border:1px solid var(--a-line)}
.ana .an-video-kutu iframe{width:100%;height:100%;border:0;display:block}
.ana .an-video-b{margin:.75rem 0 1.5rem;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600;letter-spacing:-.03em;line-height:1.15;color:var(--a-ink);max-width:18ch}

/* ===================== yazılar ===================== */
.ana .yazilar{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1rem;margin-top:3rem}
.ana .yazi{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border:1px solid var(--a-line);background:var(--a-surface);transition:border-color .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.ana .yazi:hover{border-color:var(--a-accent);transform:translateY(-2px)}
.ana .yazi .k-ust{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--a-faint)}
.ana .yazi b{font-size:1.125rem;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--a-ink);text-wrap:balance}
.ana .yazi .a{font-size:.9rem;line-height:1.55;color:var(--a-muted)}
.ana .yazi .git{margin-top:auto;padding-top:.4rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--a-accent)}
.ana .yazi .git::after{content:" ↗"}

/* ===================== yetkinlik ===================== */
.ana .yetki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin-top:3rem}
.ana .yetki h3{margin:0 0 .75rem;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint)}
.ana .yetki .ara-bas{margin-top:2rem}
.ana .yetki ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--a-line)}
.ana .yetki li{padding:.7rem 0;border-bottom:1px solid var(--a-line);font-size:.9375rem;color:var(--a-ink)}
.ana .yetki li b{display:block;font-weight:600}
.ana .yetki li span{display:block;margin-top:.2rem;font-size:.8125rem;color:var(--a-muted)}

@media (max-width:860px){
  .ana .giris-izgara{grid-template-columns:1fr}
  .ana .an-video{grid-template-columns:1fr}
  .ana .yetki{grid-template-columns:1fr}
  .ana .kule.uc-boyut{height:320vh}
  .ana .kot{width:3.5rem;bottom:auto;top:auto;height:11rem;top:calc(72px + 13.5rem)}
}
@media (max-width:560px){
  .ana .zaman::before{left:3.2rem}
  .ana .zaman li{grid-template-columns:3.2rem minmax(0,1fr);gap:0 1.25rem}
  .ana .zaman li::before{left:calc(3.2rem - .3rem)}
  .ana .kot{display:none}
}
@media (prefers-reduced-motion:reduce){ .ana .nabiz,.ana .kaydir::before{animation:none} }
main.ana{padding-top:0}

@media (min-width:861px){.ana .kartlar.uclu{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ana .an-video{background:transparent}


/* ===================== v4: ışık kutusu, kopyala, belirme, hız ===================== */
body.ana-body #lb{flex-direction:column;gap:1rem}
body.ana-body #lb img{max-height:80vh;cursor:pointer}
body.ana-body #lb .lb-ok{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border:1px solid rgba(255,255,255,.25);background:rgba(11,14,16,.6);color:#fff;font-size:1.25rem;cursor:pointer}
body.ana-body #lb .lb-ok:hover{border-color:#7cc4ff;color:#7cc4ff}
body.ana-body #lbOnce{left:1rem}
body.ana-body #lbSonra{right:1rem}
body.ana-body #lb .lb-alt{margin:0;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#aab3ba}
body.ana-body #lbx{background:#12171b;color:#e9edf0;border-color:#2a3238}
.ana .kanal .kopya{align-self:flex-start;margin-top:.35rem;min-height:2.25rem;padding:.35rem .8rem;border:1px solid var(--a-line);background:transparent;color:var(--a-accent);font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.ana .kanal .kopya:hover{border-color:var(--a-accent)}
/* ekran dışı bölümler çizilmeden bekler: ilk açılış daha hızlı */
.ana section:not(.kule):not(.dny-bolum){content-visibility:auto;contain-intrinsic-size:auto 900px}