/* ===========================================================
   FİNANSTÜRK — ana sayfa
   Tasarım iskeleti 07haber.com.tr düzenine göre kuruldu:
   açık mavi-gri zemin, beyaz yuvarlak kartlar, pill menü,
   1200px kap, Archivo tipografi.
   =========================================================== */
:root{
  --sayfa:#D7DDE3;
  --kart:#FFFFFF;
  --kart-2:#F7F4E4;          /* zeminli blok (krem) */
  --kart-3:#EAF1F5;          /* zeminli blok (mavi) */
  --kenarlik:#CBD4DC;
  --metin:#111820;
  --metin-2:#5D6B7A;
  --metin-3:#8C98A6;
  --kirmizi:#D62828;
  --kirmizi-koyu:#B81419;
  --amber:#F2A413;
  --mavi:#12617E;
  --altin:#B8862F;
  --yesil:#166B3F;
  --artis:#16803C;
  --azalis:#D62828;
  --sabit:#6B7785;           /* degismedi — notr; yesil ok yaniltmasin */
  --serit:#F3F4F6;
  --golge:0 1px 2px rgba(17,24,32,.05);
  --kap:1200px;
}
html[data-tema="koyu"]{
  --sayfa:#0E1319;
  --kart:#171E26;
  --kart-2:#1C2027;
  --kart-3:#161D24;
  --kenarlik:#2A3440;
  --metin:#E9EDF2;
  --metin-2:#9BA8B6;
  --metin-3:#78848F;
  --serit:#131A21;
  --golge:0 1px 2px rgba(0,0,0,.4);
  --sabit:#98A4B2;           /* koyu zeminde okunur gri */
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--sayfa);color:var(--metin);
  font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.kap{max-width:var(--kap);margin:0 auto;padding:0 18px}
/* Başlık satırı içerik kolonundan geniş olabilir: logo + piyasa şeridi +
   altı pil + araçlar 1200px'e sığmıyor. İçerik 1200'de kalır. */
.bas .kap{max-width:1560px}
.tn{font-variant-numeric:tabular-nums}

/* Ekranda görünmez, ekran okuyucuda okunur.
   display:none ya da visibility:hidden KULLANILMAZ — ikisi de öğeyi
   erişilebilirlik ağacından da siler. Öğe 1px kutuya sıkıştırılır. */
.gorsel-gizli{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;border:0;
}

/* ---------- başlık ---------- */
.bas{background:var(--kart);border-bottom:1px solid var(--kenarlik)}
.bas-ic{display:flex;align-items:center;gap:12px;height:76px}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:50px;width:auto}

/* Uc durum: yukselis / dusus / degismedi. Sifir degisim yesil ok ile
   gosterilmez; notr renk ve yatay isaret kullanilir. */
.artis{color:var(--artis)}.azalis{color:var(--azalis)}.sabit{color:var(--sabit)}

/* Hizli baglanti pilleri esit genislikte ve ortada dursun (07haber'deki gibi).
   Izgara sutunlari minmax(0,1fr): kutu ne kadar yer bulursa bulsun tum sutunlar
   daima esit boler, yazi uzunlugu sutun genisligini bozmaz. Kutu iki yandan
   auto margin ile logo ile araclarin ortasina oturur; max-width genis
   ekranda pillerin gereksiz yayilmasini engeller.
   Ic bosluk ve yazi olcusu piyasa seridiyle ayni satira sigacak sekilde
   secildi — degistirilirse basligin tasmadigi tekrar olculmeli. */
.hizli{
  flex:1 1 auto;min-width:0;max-width:800px;margin:0 auto;
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;
  align-items:center;
}
/* Olculer 07haber'deki .hb pilinden: 42px yukseklik, tam yuvarlak kenar,
   14px SVG ikon, uzerine gelince hafif yukselme. */
.pill{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:99px;
  padding:0 10px;min-width:0;min-height:42px;font-size:12.5px;font-weight:700;color:#fff;
  white-space:nowrap;text-align:center;transition:filter .15s,transform .15s;
}
.pill{border:0;cursor:pointer;font-family:inherit}
.pill svg{flex:0 0 auto}
.pill:hover{filter:brightness(1.15);transform:translateY(-1px)}
.pill-canli{background:var(--kirmizi)}
.pill-foto{background:var(--kirmizi)}
.pill-video{background:var(--mavi)}
.pill-yazar{background:var(--altin)}
.pill-hesap{background:var(--yesil)}
.pill-sd{background:var(--kart);color:var(--kirmizi);border:1px solid var(--kenarlik)}
.pill-sd i{width:7px;height:7px;border-radius:50%;background:var(--kirmizi);display:block;animation:nabiz 1.4s infinite}
@keyframes nabiz{0%,100%{opacity:1}50%{opacity:.25}}

.arac{display:flex;align-items:center;gap:6px;flex:none}
.hava{display:flex;align-items:center;gap:7px;min-height:42px;font-size:13px;font-weight:700;color:var(--metin-2);white-space:nowrap}
.ikonbtn{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--kenarlik);
  background:var(--kart);color:var(--metin-2);border-radius:10px;cursor:pointer;font-size:15px;
  transition:background .15s,color .15s,border-color .15s;
}
.ikonbtn:hover{background:var(--serit);color:var(--metin)}

/* ---------- menü şeridi ---------- */
.menu-serit{background:var(--serit);border-bottom:1px solid var(--kenarlik);position:sticky;top:0;z-index:40}
/* scroll-behavior:smooth BİLİNÇLİ OLARAK YOK: yumuşak kaydırma animasyonu
   sekme arka plandayken ya da hareket azaltma açıkken ilerlemiyor ve şerit
   hiç kaymıyordu. Ok düğmeleri doğrudan atlar — her ortamda çalışır. */
.menu-ic{display:flex;align-items:center;height:48px;overflow-x:auto;scrollbar-width:none}
.menu-ic::-webkit-scrollbar{display:none}
.menu{display:flex;align-items:center;gap:2px}
.menu a{
  padding:9px 12px;border-radius:8px;font-size:13.6px;font-weight:700;letter-spacing:.02em;
  color:var(--metin);white-space:nowrap;transition:background .15s,color .15s;
}
.menu a:hover{background:rgba(17,24,32,.06)}
.menu a.aktif{background:var(--kirmizi-koyu);color:#fff}

/* ── Masaüstünde son kategorinin kırpılması ──
   1197px içerik genişliğinde 14 kategori + ANA SAYFA 1280px yer istiyordu;
   "YAŞAM" ve "OTOMOTİV & TEKNOLOJİ" dışarıda kalıyor, kapsayıcı
   overflow-x:auto olduğu için de hiçbir işaret görünmüyordu. İki katmanlı
   çözüm:
     1) Geniş ekranda yatay boşluk ve punto ölçülü biçimde küçültülür —
        mevcut kategori sayısı 1200px kapta tam sığar.
     2) Kategori sayısı ileride artarsa ya da ara genişliklerde (981–1199px)
        yine taşarsa kaydırma düğmeleri belirir; taşma yoksa çizilmezler.
   Mobil (≤980px) düzeni bilinçli olarak DEĞİŞTİRİLMEZ: orada taşma zaten
   yok ve gezinme yan çekmeceden yapılıyor. */
@media(min-width:981px){
  .menu a{padding:9px 8px;font-size:12.9px;letter-spacing:0}
  .menu{gap:0}
}

.menu-kaydir{
  position:absolute;top:0;height:100%;width:40px;z-index:2;
  display:flex;align-items:center;justify-content:center;
  border:0;cursor:pointer;padding:0;
  font-size:22px;line-height:1;font-weight:700;
  background:var(--serit);color:var(--metin);
}
.menu-kaydir[hidden]{display:none}
.menu-kaydir.sol{left:0;box-shadow:14px 0 14px -6px var(--serit)}
.menu-kaydir.sag{right:0;box-shadow:-14px 0 14px -6px var(--serit)}
.menu-kaydir:hover{background:var(--kenarlik)}
.menu-kaydir:focus-visible{outline:2px solid var(--kirmizi);outline-offset:-3px}
/* Düğme açıkken son/ilk öğe altında kalmasın */
.menu-serit.tasiyor .menu{padding:0 42px}

/* Mobil ve dar ekranda ok DÜĞMESİ YOK: şerit zaten parmakla kaydırılıyor,
   düğme dar ekranda 40+40px yer yiyip iki kategoriyi daha gizlerdi.
   Mobil gezinme ayrıca yan çekmeceden yapılıyor. Bu blok, mobil düzenin
   madde öncesi hâliyle birebir aynı kalmasını da garanti eder. */
@media(max-width:980px){
  .menu-kaydir{display:none}
  .menu-serit.tasiyor .menu{padding:0}
}

/* ---------- son dakika şeridi ---------- */
.sd-serit{padding:10px 0}
.sd-ic{
  display:flex;align-items:stretch;background:var(--kart);border:1px solid var(--kenarlik);
  border-radius:10px;overflow:hidden;height:46px;
}
.sd-etiket{
  background:var(--amber);color:#111820;font-size:12.8px;font-weight:800;letter-spacing:.04em;
  display:flex;align-items:center;gap:9px;padding:0 14px;flex:none;
}
.sd-etiket .oklar{display:flex;gap:4px}
.sd-etiket button{
  width:22px;height:22px;border:0;border-radius:50%;background:rgba(17,24,32,.14);
  color:#111820;cursor:pointer;font-size:12px;display:grid;place-items:center;line-height:1;
}
.sd-etiket button:hover{background:rgba(17,24,32,.28)}
.sd-orta{flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;overflow:hidden}
.sd-saat{color:var(--kirmizi);font-weight:800;font-size:13.5px;flex:none}
.sd-metin{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-tumu{background:var(--amber);color:#111820;font-size:13px;font-weight:700;display:flex;align-items:center;padding:0 16px;flex:none}

/* ---------- üst şerit: 4 kart ---------- */
.ust-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.serit-kart{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:12px;
  padding:11px;display:flex;gap:11px;transition:border-color .16s,box-shadow .16s;
}
.serit-kart:hover{border-color:var(--kirmizi);box-shadow:var(--golge)}
.serit-kart img{width:92px;height:69px;object-fit:cover;border-radius:8px;flex:none}
.serit-ic{display:flex;flex-direction:column;min-width:0}
.serit-ust{font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);margin-bottom:5px}
.serit-ic h4{margin:0;font-size:14px;line-height:1.28;font-weight:700}
.serit-ic .zaman{font-size:11.5px;color:var(--metin-3);margin-top:auto;padding-top:8px;font-weight:500}

/* ---------- manşet başlığı ---------- */
.manset-bas{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.manset-bas span{
  font-size:12px;font-weight:800;letter-spacing:.1em;padding:6px 13px;border-radius:99px;
}
.rozet-ekonomi{background:var(--kirmizi);color:#fff}
.rozet-guncel{background:var(--kart);color:var(--metin-2);border:1px solid var(--kenarlik)}
.manset-bas small{font-size:12px;color:var(--metin-2);font-weight:600}
.manset-bas .cizgi{flex:1;height:1px;background:var(--kenarlik)}

/* ---------- manşet ızgarası ---------- */
.manset{margin-bottom:18px}
/* minmax(0,…): mini listedeki tek satirlik uzun basliklar sutunun asgari
   genisligini sisirip buyuk slayti daraltmasin */
.manset-izgara{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:16px}
.slayt-kutu{
  position:relative;background:var(--kart);border:1px solid var(--kenarlik);
  border-radius:18px;overflow:hidden;
}
.buyuk{aspect-ratio:16/10}
.slayt{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}
.slayt.aktif{opacity:1;pointer-events:auto}
.slayt img{width:100%;height:100%;object-fit:cover}
.slayt::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,14,19,.94) 0%,rgba(10,14,19,.7) 32%,rgba(10,14,19,.1) 64%,transparent 100%);
}
.slayt-yazi{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:26px 28px 30px}
.buyuk .slayt-yazi{padding-bottom:54px}
.rozet{
  display:inline-block;background:var(--kirmizi);color:#fff;font-size:10.5px;font-weight:800;
  letter-spacing:.09em;padding:5px 10px;border-radius:6px;margin-bottom:11px;
}
.slayt-yazi h3{margin:0 0 9px;font-size:30px;line-height:1.14;font-weight:800;letter-spacing:-.02em}
.slayt-yazi p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.86);max-width:60ch}
.slayt-zaman{margin-top:11px;font-size:12px;color:rgba(255,255,255,.6);font-weight:500}

.ok{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;
  border:0;border-radius:50%;background:rgba(255,255,255,.85);color:#111820;cursor:pointer;
  font-size:18px;display:grid;place-items:center;opacity:0;transition:opacity .2s,background .2s;
}
.slayt-kutu:hover .ok{opacity:1}
.ok:hover{background:#fff}
.ok.sol{left:14px}.ok.sag{right:14px}
.numaralar{
  position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;gap:4px;
  padding:9px 12px;background:rgba(17,24,32,.55);backdrop-filter:blur(4px);justify-content:center;
}
.numaralar button{
  min-width:24px;height:22px;border:0;border-radius:5px;background:rgba(255,255,255,.22);
  color:#fff;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s;
}
.numaralar button.aktif{background:var(--kirmizi)}

/* Yan kolonu besleyecek haber kalmadiginda izgara tek kolona duser;
   genis slayt 16/10'da cok yuksek kaldigi icin daha yatik oranla cizilir. */
.manset-izgara.tek-kolon{grid-template-columns:1fr}
/* Yatik oran yalniz genis ekranda: telefonda 21/9 slayt 150px'e dusup
   basligi eziyordu, orada 16/10 kaliyor. */
@media(min-width:981px){ .manset-izgara.tek-kolon .buyuk{aspect-ratio:21/9} }

/* yan kolon */
.yan-kolon{display:flex;flex-direction:column;gap:12px}
.yan-kolon .slayt-kutu.kucuk{aspect-ratio:16/9;flex:none}
/* Altinda liste yoksa kucuk slayt kolonu doldurur; yoksa buyuk slaytin
   yanindaki kolon yarim kalip alti bosluk olarak gorunuyordu. */
@media(min-width:981px){
  .yan-kolon .slayt-kutu.kucuk:only-child{aspect-ratio:auto;flex:1 1 auto}
}
.yan-kolon .slayt-yazi{padding:18px 20px 34px}
.yan-kolon .slayt-yazi h3{font-size:19px;line-height:1.2}
.yan-kolon .slayt-yazi p{display:none}
.yan-liste{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:14px;
  padding:6px 14px;flex:1;display:flex;flex-direction:column;justify-content:center;
}
.yan-liste a{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--kenarlik);align-items:flex-start}
.yan-liste a:last-child{border-bottom:0}
.yan-liste i{width:7px;height:7px;border-radius:50%;background:var(--kirmizi);margin-top:6px;flex:none}
.yan-liste h4{margin:0;font-size:14px;line-height:1.3;font-weight:700;transition:color .15s}
.yan-liste a:hover h4{color:var(--kirmizi)}
.yan-liste .zaman{font-size:11px;color:var(--metin-3);margin-top:3px;font-weight:500}
/* Mini liste 5 satir (musteri istegi). Masaustunde yan kolon buyuk
   slaytla ayni boyda kalsin diye: mini slayt 2:1, liste basliklari tek
   satir (tamami title'da), saat basligin yaninda. Iki satirlik basliklarla
   bes satir kolonu buyuk slayttan uzun yapip altinda delik aciyordu. */
@media(min-width:981px){
  .yan-kolon .slayt-kutu.kucuk{aspect-ratio:2/1}
  .yan-liste{padding:4px 14px}
  .yan-liste a{padding:7px 0;align-items:center}
  .yan-liste i{margin-top:0}
  .yan-liste a>div{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}
  .yan-liste h4{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
  .yan-liste .zaman{margin-top:0;white-space:nowrap;flex:none}
}

/* ---------- reklam ---------- */
.reklam-kart{
  background:var(--kart);border:1px dashed var(--kenarlik);border-radius:14px;
  height:120px;display:grid;place-items:center;text-align:center;margin-bottom:18px;
}
.reklam-kart span{font-size:11.5px;letter-spacing:.14em;font-weight:700;color:var(--metin-3)}
.reklam-kart small{display:block;font-size:10.5px;letter-spacing:.05em;color:var(--metin-3);margin-top:5px;font-weight:500}

/* ---------- iki sütun ---------- */
.iki-sutun{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;padding-top:4px}

.blok{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:14px;
  padding:18px 20px 20px;margin-bottom:18px;
}
.blok.krem{background:var(--kart-2)}
.blok.mavi{background:var(--kart-3)}
.blok-bas{display:flex;align-items:center;gap:12px;padding-bottom:12px}
.blok-bas h2{margin:0;font-size:19.5px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}
.blok-bas h2::before{content:"";width:4px;height:18px;background:var(--kirmizi);border-radius:2px}
.blok-bas .cizgi{flex:1;height:1px;background:var(--kenarlik)}
.blok-bas .tumu{font-size:11px;font-weight:600;color:var(--metin-2);white-space:nowrap}
.blok-bas .tumu:hover{color:var(--kirmizi)}

/* Kategori bloklarinin basligi — 07haber duzeni: solda renkli cubuk, altta
   ince cizgi ve basligin altinda kisa kalin vurgu, sagda aralikli TUMU.
   Yalniz .blok'un dogrudan cocugu; manset/video basliklari etkilenmez. */
.blok>.blok-bas{align-items:flex-end;gap:14px;padding:0 0 11px;margin-bottom:16px;
  border-bottom:1px solid var(--kenarlik);position:relative}
.blok>.blok-bas::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:3px;
  background:var(--kirmizi);border-radius:2px}
.blok>.blok-bas h2{font-size:19.5px;line-height:1;letter-spacing:-.02em}
.blok>.blok-bas h2::before{width:5px;height:22px;border-radius:3px}
.blok>.blok-bas .cizgi{display:none}
.blok>.blok-bas .tumu{margin-left:auto;font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--metin-2)}

/* 07haber kategori blogu: solda buyuk + sagda 2x2 (duzen: buyuk_sag4) */
.kat-buyuk-sag4{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:24px}
.bs4-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 18px;align-content:start}
.bk-buyuk,.bk-kucuk{display:block;min-width:0}
.bk-im{display:block;border-radius:12px;overflow:hidden;background:var(--kart-2);aspect-ratio:16/9}
.bk-im img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.bk-buyuk:hover .bk-im img,.bk-kucuk:hover .bk-im img{transform:scale(1.04)}
.bk-buyuk h3{font-weight:800;font-size:clamp(1.08rem,1.9vw,1.42rem);line-height:1.22;
  letter-spacing:-.02em;margin:12px 0 7px}
.bk-buyuk p{margin:0;color:var(--metin-2);font-size:14.5px;line-height:1.55}
.bk-kucuk h3{font-weight:700;font-size:15px;line-height:1.3;margin:10px 0 0}
.bk-buyuk:hover h3,.bk-kucuk:hover h3{color:var(--kirmizi)}
@media(max-width:760px){
  .kat-buyuk-sag4{grid-template-columns:minmax(0,1fr);gap:20px}
  .bs4-izgara{gap:16px 14px}
  .bk-kucuk h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.bk-im img{transition:none}}

/* büyük + sağda 4 */
.buyuk-sag4{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.buyuk-haber img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.buyuk-haber .ust{font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);margin:12px 0 5px}
.buyuk-haber h3{margin:0 0 7px;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
.buyuk-haber p{margin:0;font-size:14px;line-height:1.5;color:var(--metin-2)}
.buyuk-haber .zaman{font-size:11.5px;color:var(--metin-3);margin-top:8px;font-weight:500}
.sag4{display:flex;flex-direction:column}
.sag4 a{display:grid;grid-template-columns:1fr 84px;gap:11px;padding:11px 0;border-bottom:1px solid var(--kenarlik);align-items:start}
.sag4 a:first-child{padding-top:0}
.sag4 a:last-child{border-bottom:0}
.sag4 img{width:84px;height:56px;object-fit:cover;border-radius:8px}
.sag4 h4{margin:0;font-size:14px;line-height:1.3;font-weight:700;transition:color .15s}
.sag4 a:hover h4{color:var(--kirmizi)}
.sag4 .zaman{font-size:11px;color:var(--metin-3);margin-top:5px;font-weight:500}

/* üçlü kart */
.uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.u-kart img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.u-kart .ust{font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);margin:10px 0 5px}
.u-kart h4{margin:0;font-size:15px;line-height:1.27;font-weight:700;transition:color .15s}
.u-kart:hover h4{color:var(--kirmizi)}
.u-kart .zaman{font-size:11px;color:var(--metin-3);margin-top:6px;font-weight:500}

/* ikili blok */
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ikili .blok{margin-bottom:18px}

/* ikinci plan ayracı */
.plan-ayrac{display:flex;align-items:center;gap:14px;margin:4px 0 16px}
.plan-ayrac span{font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--metin-2);
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:99px;padding:6px 14px}
.plan-ayrac .cizgi{flex:1;height:1px;background:var(--kenarlik)}

/* ---------- kenar çubuğu ---------- */
.kenar{display:flex;flex-direction:column;gap:18px;position:sticky;top:60px}
.kutu{background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;padding:16px}
.kutu-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.kutu-bas h3{margin:0;font-size:15.5px;font-weight:800;letter-spacing:-.01em}
.kutu-bas .canli{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--artis);letter-spacing:.05em}
.kutu-bas .canli i{width:6px;height:6px;border-radius:50%;background:var(--artis);display:block;animation:nabiz 1.6s infinite}

table.piyasa{width:100%;border-collapse:collapse;font-size:13.5px}
table.piyasa th{font-size:10px;letter-spacing:.06em;color:var(--metin-3);font-weight:700;
  text-align:right;padding:0 0 7px;border-bottom:1px solid var(--kenarlik)}
table.piyasa th:first-child{text-align:left}
table.piyasa td{padding:8px 0;border-bottom:1px solid var(--kenarlik);text-align:right;font-weight:700}
table.piyasa tr:last-child td{border-bottom:0}
table.piyasa td:first-child{text-align:left;font-size:13px}
table.piyasa td.fark{font-size:12.5px}

.cev-satir{display:grid;grid-template-columns:1fr 92px;gap:8px;margin-bottom:9px}
.cev-satir input,.cev-satir select{
  width:100%;padding:9px 11px;border:1px solid var(--kenarlik);border-radius:9px;
  font:inherit;font-size:13.5px;font-weight:600;background:var(--kart);color:var(--metin);
}
.cev-sonuc{padding:11px 13px;background:var(--serit);border-radius:9px;font-size:19px;font-weight:800;text-align:right}
.cev-not{font-size:10.5px;color:var(--metin-3);margin-top:7px;font-weight:500}

.okunan{list-style:none;margin:0;padding:0;counter-reset:s}
.okunan li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--kenarlik);align-items:start}
.okunan li:last-child{border-bottom:0}
.okunan li::before{counter-increment:s;content:counter(s);font-size:19px;font-weight:800;color:var(--kenarlik);line-height:1}
.okunan a{font-size:13.5px;line-height:1.3;font-weight:600;transition:color .15s}
.okunan a:hover{color:var(--kirmizi)}
.okunan .ust{display:block;font-size:9.5px;font-weight:800;letter-spacing:.07em;color:var(--metin-3);margin-bottom:3px}

.reklam-yan{background:var(--kart);border:1px dashed var(--kenarlik);border-radius:18px;height:250px;display:grid;place-items:center}
.reklam-yan span{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--metin-3)}


/* ---------- foto galeri ---------- */
.medya-serit{background:var(--kart);border:1px solid var(--kenarlik);border-radius:16px;padding:18px 20px 20px;margin:18px 0 26px}
.galeri{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.g-oge{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.g-oge img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.g-oge:hover img{transform:scale(1.06)}
.g-oge::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,14,19,.85),transparent 55%)}
.g-oge span{position:absolute;left:11px;right:11px;bottom:10px;z-index:2;color:#fff;font-size:12.5px;font-weight:700;line-height:1.25}
.g-oge em{position:absolute;top:9px;left:9px;z-index:2;background:rgba(10,14,19,.72);color:#fff;font-size:10px;font-weight:700;font-style:normal;padding:3px 7px;border-radius:5px}

/* ---------- alt bilgi ---------- */
/* Sayfa govdesi ile alt bilgi arasindaki nefes payi. Sayfalarin son
   blogunun kendi alt bosluguna guvenilemiyor: kategori ve arama gibi
   sayfalarda son kutu dogrudan alt bilgiye yapisiyordu. */
main{display:block;padding-bottom:34px}

.alt{background:#151616;color:#9AA3B2;padding:40px 0 0}
.alt-ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.09)}
.alt-marka img{height:62px;width:auto;margin-bottom:16px}
.alt-marka p{margin:0;font-size:13px;line-height:1.6;max-width:36ch}
.alt-sosyal{display:flex;gap:8px;margin-top:16px}
.alt-sosyal a{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#C9CFDA;font-size:13px;font-weight:700;transition:background .15s}
.alt-sosyal a:hover{background:var(--kirmizi);color:#fff}
.alt h5{margin:0 0 12px;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.09em}
.alt ul{list-style:none;margin:0;padding:0}
.alt ul li{margin-bottom:8px}
.alt ul a{font-size:13.5px}
.alt ul a:hover{color:#fff}
.alt-son{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;font-size:12.5px}
.alt-son .sag{margin-left:auto;display:flex;gap:16px}
.alt-son a:hover{color:#fff}
.alt-kredi{border-top:1px solid rgba(255,255,255,.09);padding:14px 0;display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-size:12.5px}
.alt-kredi a{color:var(--amber);font-weight:700}
.alt-kredi a:hover{text-decoration:underline}

/* ---------- canlı yayın ---------- */
/* Canlı yayın düğmesi iki yerde durur: geniş ekranda başlıktaki pil
   (.pill-canli), 980px altında menü şeridinin başındaki bu düğme — orada
   pil sırası gizlendiği için yayın düğmesi de onunla birlikte kaybolurdu.
   İkisi de .canli-ac sınıfını taşır, aynı oynatıcıyı açar. Oynatıcı ancak
   tıklanınca kurulur — adres HTML'deki <template id="canliKalip"> içindedir. */
.menu-canli{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  padding:9px 12px;margin-right:6px;border:0;border-radius:8px;cursor:pointer;
  background:var(--kirmizi);color:#fff;font:700 13.6px/1.2 inherit;
  letter-spacing:.02em;white-space:nowrap;transition:filter .15s;
}
.menu-canli:hover{filter:brightness(1.12)}
@media(min-width:981px){ .menu-canli{display:none} }
.canli-nokta{
  width:9px;height:9px;border-radius:50%;background:#fff;display:inline-block;
  flex:0 0 auto;animation:canliYanip 1.2s infinite;
}
@keyframes canliYanip{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.canli-nokta{animation:none}}

.canli-ort{
  position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(10,16,22,.86);
}
.canli-ort[hidden]{display:none}
.canli-kutu{
  width:min(960px,100%);background:#151616;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 60px rgba(10,14,19,.5);
}
.canli-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;color:#fff}
.canli-etiket{
  display:inline-flex;align-items:center;gap:7px;color:#fff;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11.5px;font-weight:700;letter-spacing:.06em;
}
.canli-etiket .canli-nokta{background:var(--kirmizi)}
.canli-kapat{background:none;border:0;color:#fff;font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.canli-kapat:hover{opacity:.7}
.canli-oynatici{position:relative;aspect-ratio:16/9;background:#000}
.canli-oynatici>iframe,.canli-oynatici>video{position:absolute;inset:0;width:100%;height:100%;border:0}
.canli-yok{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:20px;
  text-align:center;color:#9AA3B2;font-size:14px}

/* ---------- PHP şablonlarıyla gelen ek parçalar ---------- */
/* Yazar fotoğrafı yoksa baş harf rozeti */
.yazar-bas{
  width:56px;height:56px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--kirmizi);color:#fff;font-size:22px;font-weight:800;
}
.yazar-bas.buyuk{width:92px;height:92px;font-size:34px}

/* Yazar profili başlığı */
.yazar-profil{
  display:flex;align-items:center;gap:20px;background:var(--kart);
  border:1px solid var(--kenarlik);border-radius:16px;padding:22px;margin-bottom:20px;
}
.yazar-profil img{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:none}
.yazar-profil h1{margin:0 0 4px;font-size:26px;font-weight:800;letter-spacing:-.02em}
.yazar-profil .unvan{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--kirmizi);letter-spacing:.06em}
.yazar-profil p{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--metin-2);max-width:70ch}

/* Köşe yazısında yazar şeridi */
.yazar-serit{display:flex;align-items:center;gap:12px;margin:16px 0 22px}
.yazar-serit img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.yazar-serit .yazar-bas{width:46px;height:46px;font-size:18px}
.yazar-serit b{display:block;font-size:15px}
.yazar-serit span{font-size:12.5px;color:var(--metin-3)}

/* Video ve galeri ızgarası — anasayfadaki şeritten farklı, çok satırlı */
.video-izgara{grid-template-columns:repeat(4,1fr);row-gap:14px}
.video-cerceve{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;margin:18px 0}
.video-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.galeri-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.galeri-izgara figure{margin:0}
.galeri-izgara img{width:100%;border-radius:12px;display:block}
.galeri-izgara figcaption{font-size:12.5px;color:var(--metin-3);margin-top:6px}

/* Önceki / sonraki haber */
.komsu{display:flex;gap:12px;justify-content:space-between;margin:22px 0;flex-wrap:wrap}
.komsu a{
  flex:1 1 240px;background:var(--kart);border:1px solid var(--kenarlik);border-radius:12px;
  padding:12px 14px;font-size:13.5px;font-weight:600;color:var(--metin-2);
}
.komsu a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.komsu-sonraki{text-align:right}

/* Yayımlanmış yorumlar */
.yorum-liste{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:14px}
.yorum-liste li{background:var(--serit);border-radius:12px;padding:13px 15px}
.yorum-liste .y-bas{display:flex;gap:10px;align-items:baseline;margin-bottom:5px}
.yorum-liste .y-bas b{font-size:14px}
.yorum-liste .y-bas span{font-size:11.5px;color:var(--metin-3)}
.yorum-liste p{margin:0;font-size:14px;line-height:1.6;color:var(--metin-2)}
/* Yanıtla bağlantısı — JS'siz çalışır, sayfayı ?yanit={id} ile açar */
.yorum-liste .y-islem{margin-top:8px}
.yorum-liste .y-yanitla{font-size:12px;font-weight:700;color:var(--kirmizi)}
.yorum-liste .y-yanitla:hover{text-decoration:underline}
/* İkinci seviye: yanıtlar kök yorumun içinde, soldan girintili */
.yorum-yanitlar{
  list-style:none;margin:12px 0 0;padding:0 0 0 16px;
  border-left:2px solid var(--kenarlik);
  display:flex;flex-direction:column;gap:10px;
}
.yorum-yanitlar li{background:var(--kart);border:1px solid var(--kenarlik);padding:11px 13px}
/* Açık yanıt formunun kutusu */
.yanit-kutu{margin-top:13px;padding-top:13px;border-top:1px dashed var(--kenarlik)}
.yanit-bas{margin:0 0 10px;font-size:12.5px;color:var(--metin-3)}
.yanit-bas b{color:var(--metin-2)}

/* İletişim */
.iletisim-izgara{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:start}
.il-kutu{margin-bottom:18px}
.il-kutu h3{margin:0 0 5px;font-size:13px;font-weight:800;letter-spacing:.04em}
.il-kutu p{margin:0;font-size:14.5px;line-height:1.6}
.il-kutu .not{font-size:12px;color:var(--metin-3);margin-top:4px}
.il-form .satir{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.il-form input,.il-form textarea{
  width:100%;padding:11px 13px;border:1px solid var(--kenarlik);border-radius:10px;
  font:inherit;font-size:14px;background:var(--kart);color:var(--metin);
}
.il-form textarea{min-height:140px;resize:vertical;margin-bottom:10px}
.il-form button{
  padding:12px 22px;border:0;border-radius:10px;background:var(--kirmizi);color:#fff;
  font:inherit;font-weight:800;font-size:13px;cursor:pointer;
}
.il-form button:hover{background:var(--kirmizi-koyu)}
.harita{margin-top:22px;border-radius:14px;overflow:hidden}
.harita iframe{width:100%;min-height:320px;border:0;display:block}

/* Bildirim şeridi */
.serit{padding:12px 15px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}
.rz-iyi{background:#E4F3EA;color:#177245}
.rz-kotu{background:#FBE9E7;color:#C0342C}

/* Panelden doldurulmamış metin */
.eksik-metin{color:var(--metin-3);font-style:italic}

/* Metni henüz girilmemiş kurumsal sayfa — ziyaretçiye görünen nötr cümle */
.bos-sayfa{color:var(--metin-2)}
.bos-sayfa a{color:var(--kirmizi);font-weight:600;text-decoration:underline}

/* Panele girmiş yöneticiye görünen uyarı; ziyaretçi bu bloğu hiç almaz */
.yonetici-not{
  background:var(--kart-2);border:1px dashed var(--kenarlik);border-left:3px solid var(--amber);
  border-radius:10px;padding:12px 15px;font-size:13.5px;color:var(--metin);
}

/* Sayfalama */
.sayfalama{display:flex;gap:6px;justify-content:center;align-items:center;margin:26px 0;flex-wrap:wrap}
.sy-bag{
  padding:9px 14px;border:1px solid var(--kenarlik);border-radius:9px;background:var(--kart);
  font-size:13.5px;font-weight:700;color:var(--metin-2);
}
.sy-bag:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.sy-bag.aktif{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

@media(max-width:980px){
  .video-izgara{grid-template-columns:repeat(3,1fr)}
  .galeri-izgara{grid-template-columns:repeat(2,1fr)}
  .iletisim-izgara{grid-template-columns:1fr}
}
@media(max-width:760px){
  .video-izgara{grid-template-columns:repeat(2,1fr)}
  .il-form .satir{grid-template-columns:1fr}
  .yazar-profil{flex-direction:column;text-align:center}
}

/* ---------- duyarlı ---------- */
@media(max-width:1180px){
  .iki-sutun{grid-template-columns:1fr 300px;gap:20px}
  .galeri{grid-template-columns:repeat(4,1fr)}
  .galeri .g-oge:nth-child(5){display:none}
}
@media(max-width:980px){
  /* .hizli gizlenince araclari saga iten auto margin de gidiyordu;
     arama/tema/menu dugmeleri logonun dibine yapisiyordu. */
  .hizli{display:none}
  .arac{margin-left:auto}
  .ust-serit{grid-template-columns:repeat(2,1fr)}
  .manset-izgara{grid-template-columns:minmax(0,1fr)}
  .yan-kolon{flex-direction:row}
  .yan-kolon .slayt-kutu.kucuk{flex:1.2}
  .yan-liste{flex:1}
  .iki-sutun{grid-template-columns:1fr}
  .kenar{position:static}
  .buyuk-sag4{grid-template-columns:1fr}
  .ikili{grid-template-columns:1fr}
}
@media(max-width:760px){
  .kap{padding:0 12px}
  .bas-ic{height:64px;gap:10px}
  .logo img{height:38px}
  .hava{display:none}
  .sd-etiket .oklar{display:none}
  .ust-serit{grid-template-columns:1fr}
  .yan-kolon{flex-direction:column}
  .slayt-yazi{padding:18px 18px 34px}
  .slayt-yazi h3{font-size:20px}
  .slayt-yazi p{display:none}
  .uclu{grid-template-columns:1fr}
  .galeri{grid-template-columns:repeat(2,1fr)}
  .galeri .g-oge:nth-child(n+5){display:none}
  .alt-ust{grid-template-columns:1fr}
}

/* ===========================================================
   HABER DETAY
   =========================================================== */

/* okuma ilerleme çubuğu */
.ilerleme{position:fixed;top:0;left:0;height:3px;width:0;background:var(--kirmizi);z-index:60;transition:width .1s linear}

/* kırıntı (breadcrumb) */
.kirinti{
  display:flex;align-items:center;gap:8px;padding:16px 0;flex-wrap:wrap;
  font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;
  font-size:10.9px;color:var(--metin-2);
}
.kirinti a:hover{color:var(--kirmizi)}
.kirinti .son{color:var(--metin-3)}

/* makale kartı */
.makale{background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;padding:38px}
.rozet-kat{
  display:inline-block;background:var(--kirmizi);color:#fff;border-radius:5px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:700;
  letter-spacing:.04em;padding:5px 9px;
}
.makale h1{
  margin:12px 0 14px;font-size:39px;line-height:1.14;font-weight:800;letter-spacing:-.025em;
}
.ozet{
  margin:0 0 20px;padding-left:16px;border-left:3px solid var(--kirmizi);
  font-family:'Poppins','Archivo',sans-serif;font-size:17px;line-height:1.7;font-weight:400;color:#2C3844;
}
html[data-tema="koyu"] .ozet{color:#C3CCD6}

.makale-meta{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:14px 0;border-top:1px solid var(--kenarlik);border-bottom:1px solid var(--kenarlik);
  font-size:13.3px;color:var(--metin-2);
}
.makale-meta .arac-cubuk{margin-left:auto;display:flex;align-items:center;gap:7px}
.makale-meta .arac-cubuk button{
  border:1px solid var(--kenarlik);background:var(--kart);color:var(--metin-2);
  border-radius:8px;padding:6px 11px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;
  transition:background .15s,color .15s;
}
.makale-meta .arac-cubuk button:hover{background:var(--serit);color:var(--metin)}

.makale-kapak{margin:18px 0}
.makale-kapak img{width:100%;border-radius:12px}
.makale-kapak figcaption{
  margin-top:9px;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11px;color:var(--metin-3);
}

/* gövde metni */
.makale-govde{
  margin-top:22px;font-family:'Poppins','Archivo',system-ui,sans-serif;
  font-size:18px;line-height:1.95;letter-spacing:-.003em;color:var(--metin);font-weight:400;
}
.makale-govde p{margin:0 0 22px}
.makale-govde h2{
  font-family:'Poppins','Archivo',sans-serif;font-size:19px;font-weight:700;
  letter-spacing:.005em;text-transform:uppercase;line-height:1.35;
  margin:34px 0 14px;display:flex;align-items:flex-start;gap:10px;
}
.makale-govde h2::before{content:"";width:4px;height:19px;margin-top:4px;background:var(--kirmizi);border-radius:2px;flex:none}
.makale-govde ul{margin:0 0 18px;padding-left:22px}
.makale-govde li{margin-bottom:10px}
.makale-govde blockquote{
  margin:24px 0;padding:18px 22px;background:var(--serit);border-left:4px solid var(--kirmizi);
  border-radius:0 10px 10px 0;font-size:18px;line-height:1.6;font-weight:600;
}
.makale-govde a{color:var(--kirmizi);text-decoration:underline;text-underline-offset:2px}

/* makale içi piyasa kutusu — ekonomi sitesine özel */
.veri-kutu{
  margin:24px 0;border:1px solid var(--kenarlik);border-radius:14px;overflow:hidden;
  font-family:'Archivo',sans-serif;
}
.veri-kutu-bas{
  background:var(--serit);padding:11px 16px;font-size:12px;font-weight:800;letter-spacing:.07em;
  display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--kenarlik);
}
.veri-kutu-bas .damga{font-size:10px;font-weight:600;color:var(--metin-3);letter-spacing:.03em}
.veri-izgara{display:grid;grid-template-columns:repeat(4,1fr)}
.veri-oge{padding:14px 16px;border-right:1px solid var(--kenarlik)}
.veri-oge:last-child{border-right:0}
.veri-ad{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--metin-3)}
.veri-deger{font-size:19px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}
.veri-fark{font-size:12px;font-weight:700;margin-top:2px}

.kaynak-satir{
  margin:16px 0 0;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:11.8px;color:var(--metin-3);
}

/* etiketler */
.etiketler{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.etiketler a{
  background:var(--serit);border:1px solid var(--kenarlik);border-radius:99px;
  padding:6px 13px;font-size:12px;font-weight:700;color:var(--metin-2);transition:all .15s;
}
.etiketler a:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

/* paylaşım */
.paylas{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px}
.paylas .bas-yazi{font-size:12.5px;font-weight:800;letter-spacing:.06em;color:var(--metin-2);margin-right:4px}
.paylas a,.paylas button{
  height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 16px;border:0;
  border-radius:8px;font:inherit;font-size:13px;font-weight:700;color:#fff;cursor:pointer;
  transition:filter .15s;
}
.paylas a:hover,.paylas button:hover{filter:brightness(1.08)}
.p-wa{background:#25D366}
.p-x{background:#0F1419}
.p-fb{background:#1877F2}
/* Seçici .paylas button'dan daha zayıf kalırsa color:#fff kazanır ve
   yazı açık zeminde beyaz kalıp okunmaz olur — o yüzden .paylas ile. */
.paylas .p-kopya{background:var(--serit);color:var(--metin-2);border:1px solid var(--kenarlik)}
.paylas .p-kopya:hover{background:var(--kart);border-color:var(--kirmizi);color:var(--kirmizi);filter:none}

/* yorumlar */
.yorumlar{margin-top:34px;padding-top:26px;border-top:1px solid var(--kenarlik)}
.yorumlar h3,.ilgili h3{
  margin:0 0 16px;font-size:19px;font-weight:800;letter-spacing:-.01em;
  display:flex;align-items:center;gap:9px;
}
.yorumlar h3::before,.ilgili h3::before{content:"";width:4px;height:18px;background:var(--kirmizi);border-radius:2px}
.yorum-yok{
  background:var(--serit);border:1px dashed var(--kenarlik);border-radius:12px;
  padding:22px;text-align:center;font-size:14px;color:var(--metin-2);margin-bottom:18px;
}
.yorum-form{display:grid;gap:10px}
.yorum-form .satir{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yorum-form input,.yorum-form textarea{
  width:100%;padding:11px 13px;border:1px solid var(--kenarlik);border-radius:10px;
  font:inherit;font-size:14px;background:var(--kart);color:var(--metin);
}
.yorum-form textarea{min-height:110px;resize:vertical}
.yorum-form button{
  justify-self:start;background:var(--kirmizi);color:#fff;border:0;border-radius:10px;
  padding:11px 22px;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;
}
.yorum-form button:hover{background:var(--kirmizi-koyu)}
.yorum-dugmeler{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.yorum-dugmeler .y-vazgec{font-size:12.5px;font-weight:700;color:var(--metin-3)}
.yorum-dugmeler .y-vazgec:hover{color:var(--kirmizi)}
.yorum-not{font-size:11.5px;color:var(--metin-3)}
/* Sonuç şeridi — yorum ve iletişim formları kullanır. Bu sınıflar panel.css
   içinde vardı, ön yüz panel.css yüklemiyor; mesajlar biçimsiz kalıyordu. */
.serit{
  padding:11px 15px;border-radius:10px;margin:0 0 16px;
  font-size:13.5px;font-weight:600;border:1px solid transparent;
}
.serit.rz-iyi{background:#E7F4EC;color:#166B3F;border-color:#BFE3CE}
.serit.rz-kotu{background:#FBE9E9;color:#B81419;border-color:#F2C9C9}
html[data-tema="koyu"] .serit.rz-iyi{background:#12281C;color:#6FD79C;border-color:#1E4630}
html[data-tema="koyu"] .serit.rz-kotu{background:#2B1416;color:#F08B8B;border-color:#4A2124}

/* ilgili haberler */
.ilgili{margin-top:34px;padding-top:26px;border-top:1px solid var(--kenarlik)}
.ilgili-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.ilgili-kart img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.ilgili-kart .ust{font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);margin:10px 0 4px}
.ilgili-kart h4{margin:0;font-size:14.5px;line-height:1.3;font-weight:700;transition:color .15s}
.ilgili-kart:hover h4{color:var(--kirmizi)}
.ilgili-kart .zaman{font-size:11px;color:var(--metin-3);margin-top:6px;font-weight:500}

/* önceki / sonraki */
.haber-gezinme{
  display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:30px;
  padding-top:22px;border-top:1px solid var(--kenarlik);
}
.haber-gezinme a{
  border:1px solid var(--kenarlik);border-radius:12px;padding:13px 16px;
  transition:border-color .16s,background .16s;
}
.haber-gezinme a:hover{border-color:var(--kirmizi);background:var(--serit)}
.haber-gezinme .yon{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  color:var(--metin-3);margin-bottom:6px;display:block;
}
.haber-gezinme .sonraki{text-align:right}
.haber-gezinme h5{margin:0;font-size:14px;line-height:1.3;font-weight:700}

@media(max-width:980px){
  .makale{padding:24px}
  .makale h1{font-size:30px}
  .ilgili-izgara{grid-template-columns:1fr 1fr}
  .veri-izgara{grid-template-columns:repeat(2,1fr)}
  .veri-oge:nth-child(2){border-right:0}
  .veri-oge:nth-child(1),.veri-oge:nth-child(2){border-bottom:1px solid var(--kenarlik)}
}
@media(max-width:760px){
  .makale{padding:18px;border-radius:14px}
  .makale h1{font-size:25px}
  .ozet{font-size:16px}
  .makale-govde{font-size:16.5px}
  .makale-meta .arac-cubuk{margin-left:0;width:100%}
  .ilgili-izgara{grid-template-columns:1fr}
  .haber-gezinme{grid-template-columns:1fr}
  .haber-gezinme .sonraki{text-align:left}
  .yorum-form .satir{grid-template-columns:1fr}
}

/* ===========================================================
   KOYU BAŞLIK — logonun kendi zeminine göre
   <html data-bas="koyu">  ·  karşılaştırma için ?bas=acik
   =========================================================== */
html[data-bas="koyu"] .bas{background:#151616;border-bottom-color:#2A2F30}

/* logo: koyu zeminde beyaz varyant */


/* finans şeridi */
html[data-bas="koyu"] .artis{color:#22C58B}
html[data-bas="koyu"] .azalis{color:#FF6B6B}
html[data-bas="koyu"] .sabit{color:#98A4B2}
html[data-bas="koyu"] .bas .artis{color:#22C58B}
html[data-bas="koyu"] .bas .azalis{color:#FF6B6B}
html[data-bas="koyu"] .bas .sabit{color:#98A4B2}

/* araç butonları */
html[data-bas="koyu"] .hava{color:#9AA3B2}
html[data-bas="koyu"] .ikonbtn{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);color:#C9CFDA;
}
html[data-bas="koyu"] .ikonbtn:hover{background:rgba(255,255,255,.16);color:#fff}

/* son dakika kısayolu */
html[data-bas="koyu"] .pill-sd{
  background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18);
}

/* menü şeridi koyu başlığın altında biraz daha koyu bir çizgiyle ayrılsın */
html[data-bas="koyu"] .menu-serit{border-top:1px solid rgba(255,255,255,.06)}

/* ---------- başlıkta orijinal (dikey) logo — ?logo=orijinal ---------- */


/* ===========================================================
   KATEGORİ SAYFASI
   =========================================================== */

/* kategori başlık kartı */
.kat-baslik{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;
  padding:18px 22px;margin-bottom:18px;
}
.kat-baslik-ust{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.kat-baslik h1{
  margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;
  display:flex;align-items:center;gap:12px;
}
.kat-baslik h1::before{content:"";width:5px;height:30px;background:var(--kirmizi);border-radius:2px}
.kat-sayi{
  margin-left:auto;background:var(--kirmizi-koyu);color:#fff;border-radius:99px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.9px;padding:7px 14px;
}
.kat-aciklama{margin:10px 0 0;font-size:13.5px;color:var(--metin-2);max-width:80ch}

/* alt kategori şeridi */
.alt-kat{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--kenarlik)}
.alt-kat a{
  background:var(--serit);border:1px solid var(--kenarlik);border-radius:99px;
  padding:6px 14px;font-size:12.5px;font-weight:700;color:var(--metin-2);transition:all .15s;
}
.alt-kat a:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.alt-kat a.aktif{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

/* öne çıkan haber kartı */
.kat-one{
  display:block;background:var(--kart);border:1px solid var(--kenarlik);
  border-radius:18px;overflow:hidden;margin-bottom:18px;
  transition:border-color .16s,box-shadow .16s;
}
.kat-one:hover{border-color:var(--kirmizi);box-shadow:var(--golge)}
.kat-one img{width:100%;aspect-ratio:21/9;object-fit:cover}
.kat-one-ic{padding:18px 20px 20px}
.kat-one-ic h2{margin:10px 0 8px;font-size:25.6px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.kat-one-ic p{
  margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:16px;
  line-height:1.55;color:var(--metin-2);
}
.kat-one-ic .zaman{margin-top:10px;font-size:12px;color:var(--metin-3);font-weight:500}

/* liste akışı */
.kat-akis{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;padding:6px 20px;
}
.kl-satir{
  display:grid;grid-template-columns:230px 1fr;gap:18px;
  padding:18px 0;border-bottom:1px solid var(--kenarlik);align-items:start;
}
.kl-satir:last-child{border-bottom:0}
.kl-satir img{width:230px;height:129px;object-fit:cover;border-radius:12px}
.kl-ic{display:flex;flex-direction:column;min-width:0}
.kl-ust{font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);margin-bottom:6px}
.kl-ic h3{margin:0 0 7px;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.012em;transition:color .15s}
.kl-satir:hover h3{color:var(--kirmizi)}
.kl-ic p{
  margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:14.5px;
  line-height:1.5;color:var(--metin-2);
}
.kl-meta{margin-top:auto;padding-top:9px;font-size:11.5px;color:var(--metin-3);font-weight:500;display:flex;gap:12px}

/* daha fazla + sayfalama */
.daha-fazla-kap{padding:26px 0 6px;text-align:center}
.daha-fazla{
  display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 30px;
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:99px;
  font-size:15.2px;font-weight:700;color:var(--metin-2);cursor:pointer;transition:all .16s;
}
.daha-fazla:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

.sayfalama{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:8px 0 4px}
.sayfalama a,.sayfalama span{
  min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 12px;border:1px solid var(--kenarlik);border-radius:10px;background:var(--kart);
  font-size:13.5px;font-weight:700;color:var(--metin-2);transition:all .15s;
}
.sayfalama a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.sayfalama .aktif{background:var(--kirmizi-koyu);border-color:var(--kirmizi-koyu);color:#fff}
.sayfalama .bosluk{border:0;background:transparent;min-width:20px;padding:0}
.sayfalama .pasif{opacity:.45;pointer-events:none}
.sayfalama-not{
  text-align:center;margin:10px 0 0;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.9px;color:var(--metin-3);
}

@media(max-width:980px){
  .kat-baslik h1{font-size:26px}
  .kat-one-ic h2{font-size:21px}
  .kl-satir{grid-template-columns:180px 1fr;gap:14px}
  .kl-satir img{width:180px;height:101px}
  .kl-ic h3{font-size:17px}
}
@media(max-width:760px){
  .kat-baslik{padding:16px;border-radius:14px}
  .kat-baslik h1{font-size:22px}
  .kat-sayi{margin-left:0}
  .kat-one{border-radius:14px}
  .kat-one img{aspect-ratio:16/9}
  .kat-one-ic h2{font-size:19px}
  .kat-one-ic p{display:none}
  .kat-akis{padding:6px 14px;border-radius:14px}
  .kl-satir{grid-template-columns:120px 1fr;gap:12px}
  .kl-satir img{width:120px;height:80px;border-radius:9px}
  .kl-ic h3{font-size:15.5px}
  .kl-ic p{display:none}
}

/* ===========================================================
   ARAMA SAYFASI
   =========================================================== */

/* arama kutusu */
.arama-kart{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;
  padding:20px 22px;margin-bottom:18px;
}
.arama-form{display:flex;gap:10px}
.arama-form input[type="search"]{
  flex:1;height:48px;padding:0 16px;border:1px solid var(--kenarlik);border-radius:12px;
  font:inherit;font-size:16px;font-weight:500;background:var(--kart);color:var(--metin);
}
.arama-form input[type="search"]:focus{outline:2px solid var(--kirmizi);outline-offset:-1px;border-color:var(--kirmizi)}
.arama-form button{
  height:48px;padding:0 26px;border:0;border-radius:12px;background:var(--kirmizi);
  color:#fff;font:inherit;font-size:14.5px;font-weight:800;letter-spacing:.03em;cursor:pointer;
  transition:background .15s;
}
.arama-form button:hover{background:var(--kirmizi-koyu)}

/* filtreler */
.arama-filtre{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--kenarlik);
}
.filtre-etiket{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  color:var(--metin-3);letter-spacing:.04em;
}
.arama-filtre select{
  height:36px;padding:0 30px 0 12px;border:1px solid var(--kenarlik);border-radius:10px;
  font:inherit;font-size:13px;font-weight:700;background:var(--kart);color:var(--metin-2);cursor:pointer;
}
.arama-filtre select:hover{border-color:var(--kirmizi);color:var(--metin)}
.filtre-temizle{
  margin-left:auto;font-size:12.5px;font-weight:700;color:var(--metin-3);
  background:none;border:0;cursor:pointer;padding:6px 2px;
}
.filtre-temizle:hover{color:var(--kirmizi)}

/* sonuç başlığı */
.sonuc-bas{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.sonuc-bas h2{
  margin:0;font-size:22.4px;font-weight:800;letter-spacing:-.015em;
  display:flex;align-items:center;gap:11px;
}
.sonuc-bas h2::before{content:"";width:4px;height:21px;background:var(--kirmizi);border-radius:2px}
.sonuc-bas .sure{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:var(--metin-3);
}

/* sonuç kartları */
.kart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kart-izgara .kart{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:12px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .16s,transform .16s,box-shadow .16s;
}
.kart-izgara .kart:hover{border-color:var(--kirmizi);transform:translateY(-2px);box-shadow:var(--golge)}
.kart-izgara .kart img{width:100%;aspect-ratio:16/10;object-fit:cover}
.kart-izgara .kart .kart-ust{
  padding:11px 14px 0;font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--kirmizi);
}
.kart-izgara .kart h3{margin:6px 0 0;padding:0 14px;font-size:15px;line-height:1.28;font-weight:700}
.kart-izgara .kart .zaman{
  margin-top:auto;padding:10px 14px 14px;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.3px;color:var(--metin-3);
}
mark{background:#FFE9A8;color:inherit;padding:0 2px;border-radius:2px}
html[data-tema="koyu"] mark{background:#6B5A18;color:#FFE9A8}

/* sonuç yok */
.bos-sonuc{
  background:var(--kart);border:1px dashed var(--kenarlik);border-radius:18px;
  padding:48px 30px;text-align:center;
}
.bos-sonuc .ikon{font-size:38px;line-height:1;color:var(--metin-3);margin-bottom:14px}
.bos-sonuc h3{margin:0 0 8px;font-size:19px;font-weight:800;letter-spacing:-.01em}
.bos-sonuc p{margin:0 auto 18px;font-size:14px;color:var(--metin-2);max-width:46ch;line-height:1.6}
.oneri-kelime{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.oneri-kelime a{
  background:var(--serit);border:1px solid var(--kenarlik);border-radius:99px;
  padding:7px 15px;font-size:12.5px;font-weight:700;color:var(--metin-2);transition:all .15s;
}
.oneri-kelime a:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}

/* popüler aramalar */
.populer{margin-top:22px}
.populer .etiket{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  color:var(--metin-3);letter-spacing:.04em;margin-bottom:9px;
}

@media(max-width:980px){
  .kart-izgara{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .arama-kart{padding:16px;border-radius:14px}
  .arama-form{flex-direction:column}
  .arama-form button{width:100%}
  .filtre-temizle{margin-left:0}
  .kart-izgara{grid-template-columns:1fr 1fr;gap:11px}
  .kart-izgara .kart h3{font-size:13.5px}
  .sonuc-bas h2{font-size:18px}
}

/* ===========================================================
   KURUMSAL VE YASAL SAYFALAR
   =========================================================== */
.sayfa-izgara{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;padding-bottom:10px}

.sayfa{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;padding:30px 34px 34px;
}
.sayfa h1{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.02em}
.sayfa .guncelleme{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:var(--metin-3);
  padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--kenarlik);display:block;
}
.sayfa-govde{font-family:'Source Serif 4',Georgia,serif;font-size:16px;line-height:1.75;color:var(--metin)}
.sayfa-govde p{margin:0 0 16px}
.sayfa-govde h2{
  font-family:'Archivo',sans-serif;font-size:19px;font-weight:800;letter-spacing:-.012em;
  margin:28px 0 11px;display:flex;align-items:center;gap:9px;
}
.sayfa-govde h2::before{content:"";width:4px;height:17px;background:var(--kirmizi);border-radius:2px;flex:none}
.sayfa-govde h3{
  font-family:'Archivo',sans-serif;font-size:15.5px;font-weight:800;margin:20px 0 8px;
}
.sayfa-govde ul,.sayfa-govde ol{margin:0 0 16px;padding-left:22px}
.sayfa-govde li{margin-bottom:7px}
.sayfa-govde a{color:var(--kirmizi);text-decoration:underline;text-underline-offset:2px}
.sayfa-govde strong{font-weight:600}

/* künye tablosu */
.kunye-tablo{
  width:100%;border-collapse:collapse;font-family:'Archivo',sans-serif;font-size:14px;
  border:1px solid var(--kenarlik);border-radius:12px;overflow:hidden;margin:0 0 20px;
}
.kunye-tablo th{
  text-align:left;width:38%;padding:11px 14px;background:var(--serit);
  font-size:12.5px;font-weight:800;color:var(--metin-2);border-bottom:1px solid var(--kenarlik);
  vertical-align:top;
}
.kunye-tablo td{padding:11px 14px;border-bottom:1px solid var(--kenarlik);vertical-align:top}
.kunye-tablo tr:last-child th,.kunye-tablo tr:last-child td{border-bottom:0}

/* doldurulacak alan */
.doldur{
  background:#FFF3CD;border-bottom:1px dashed #C79100;color:#7A5C00;
  padding:1px 6px;border-radius:3px;font-family:'Archivo',sans-serif;font-size:13px;font-weight:600;
  white-space:nowrap;
}
html[data-tema="koyu"] .doldur{background:#4A3A00;border-bottom-color:#B08A00;color:#FFD966}

/* yan menü */
.sayfa-menu{position:sticky;top:60px;display:flex;flex-direction:column;gap:14px}
.sayfa-menu .kutu{padding:0;overflow:hidden}
.sayfa-menu .kutu-bas{padding:12px 16px;margin:0;border-bottom:1px solid var(--kenarlik);background:var(--serit)}
.sayfa-menu .kutu-bas h3{font-size:12.5px;letter-spacing:.07em}
.sayfa-menu ul{list-style:none;margin:0;padding:6px}
.sayfa-menu li a{
  display:block;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:600;
  color:var(--metin-2);transition:background .15s,color .15s;
}
.sayfa-menu li a:hover{background:var(--serit);color:var(--metin)}
.sayfa-menu li a.aktif{background:var(--kirmizi-koyu);color:#fff;font-weight:700}

/* iletişim */
.iletisim-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px}
.iletisim-kutu{
  border:1px solid var(--kenarlik);border-radius:12px;padding:15px 16px;
  font-family:'Archivo',sans-serif;
}
.iletisim-kutu .ad{
  font-size:10.5px;font-weight:800;letter-spacing:.07em;color:var(--metin-3);margin-bottom:6px;
}
.iletisim-kutu .deger{font-size:15px;font-weight:700;line-height:1.4}
.iletisim-kutu .not{font-size:12px;color:var(--metin-2);margin-top:5px;font-weight:500}

.iletisim-form{display:grid;gap:11px;font-family:'Archivo',sans-serif}
.iletisim-form .satir{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.iletisim-form input,.iletisim-form textarea,.iletisim-form select{
  width:100%;padding:11px 13px;border:1px solid var(--kenarlik);border-radius:10px;
  font:inherit;font-size:14px;background:var(--kart);color:var(--metin);
}
.iletisim-form textarea{min-height:130px;resize:vertical}
.iletisim-form .onay{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--metin-2);line-height:1.5}
.iletisim-form .onay input{width:auto;margin-top:2px}
.iletisim-form button{
  justify-self:start;background:var(--kirmizi);color:#fff;border:0;border-radius:10px;
  padding:12px 26px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;
}
.iletisim-form button:hover{background:var(--kirmizi-koyu)}

@media(max-width:980px){
  .sayfa-izgara{grid-template-columns:1fr}
  .sayfa-menu{position:static;order:2}
}
@media(max-width:760px){
  .sayfa{padding:20px;border-radius:14px}
  .sayfa h1{font-size:23px}
  .iletisim-izgara{grid-template-columns:1fr}
  .iletisim-form .satir{grid-template-columns:1fr}
  .kunye-tablo th{width:42%;font-size:11.5px}
  .kunye-tablo td{font-size:13px}
}

/* ===========================================================
   ÇEREZ ONAY BANDI
   =========================================================== */
.cerez{
  position:fixed;left:0;right:0;bottom:0;z-index:70;background:#111820;color:#B6C3D0;
  padding:16px 0;box-shadow:0 -8px 30px rgba(10,14,19,.35);
  transform:translateY(110%);transition:transform .32s cubic-bezier(.2,.8,.3,1);
}
.cerez.gorun{transform:translateY(0)}
.cerez-ic{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.cerez-metin{flex:1;min-width:280px}
.cerez-metin b{display:block;color:#fff;font-size:14.5px;font-weight:800;margin-bottom:5px}
.cerez-metin p{margin:0;font-size:13.5px;line-height:1.55}
.cerez-metin a{color:#F0C98A;text-decoration:underline;text-underline-offset:2px}
.cerez-btn{display:flex;gap:9px;flex-wrap:wrap;flex:none}
.cerez-btn button{
  padding:12px 22px;border-radius:8px;font:inherit;font-size:14.5px;font-weight:700;
  cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s;
  font-family:'Archivo',sans-serif;
}
.c-ayar{background:transparent;color:#B6C3D0;border-color:rgba(255,255,255,.22)}
.c-ayar:hover{border-color:#fff;color:#fff}
.c-ret{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.c-ret:hover{background:rgba(255,255,255,.1)}
.c-kabul{background:var(--kirmizi);color:#fff}
.c-kabul:hover{background:var(--kirmizi-koyu)}

/* ayar katmanı */
.cerez-kat{
  position:fixed;inset:0;z-index:71;background:rgba(10,16,22,.62);
  display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s;
}
.cerez-kat.gorun{opacity:1;pointer-events:auto}
.cerez-pencere{
  background:var(--kart);color:var(--metin);border-radius:18px;width:100%;max-width:580px;
  max-height:86vh;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 24px 60px rgba(10,14,19,.4);
}
.cerez-pencere-bas{
  padding:20px 24px;border-bottom:1px solid var(--kenarlik);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.cerez-pencere-bas h2{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}
.cerez-kapat{
  width:34px;height:34px;border:1px solid var(--kenarlik);background:var(--kart);
  border-radius:9px;cursor:pointer;color:var(--metin-2);font-size:17px;line-height:1;flex:none;
}
.cerez-kapat:hover{background:var(--serit);color:var(--metin)}
.cerez-govde{padding:6px 24px;overflow-y:auto}
.cerez-govde > p{font-size:13.5px;color:var(--metin-2);line-height:1.6;margin:16px 0}

.cerez-tur{
  display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;
  padding:15px 0;border-bottom:1px solid var(--kenarlik);
}
.cerez-tur:last-of-type{border-bottom:0}
.cerez-tur h3{margin:0 0 4px;font-size:14.5px;font-weight:800}
.cerez-tur p{margin:0;font-size:12.5px;color:var(--metin-2);line-height:1.55}
.cerez-tur .zorunlu{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--metin-3);
  white-space:nowrap;padding-top:4px;
}

/* anahtar */
.anahtar{position:relative;width:46px;height:26px;flex:none;cursor:pointer}
.anahtar input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.anahtar .yol{
  position:absolute;inset:0;background:var(--kenarlik);border-radius:99px;transition:background .18s;
}
.anahtar .topuz{
  position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;
  transition:transform .18s;box-shadow:0 1px 3px rgba(0,0,0,.28);
}
.anahtar input:checked ~ .yol{background:var(--artis)}
.anahtar input:checked ~ .topuz{transform:translateX(20px)}
.anahtar input:focus-visible ~ .yol{outline:2px solid var(--kirmizi);outline-offset:2px}

.cerez-pencere-alt{
  padding:16px 24px;border-top:1px solid var(--kenarlik);background:var(--serit);
  display:flex;gap:9px;flex-wrap:wrap;
}
.cerez-pencere-alt button{
  padding:11px 20px;border-radius:9px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  border:1px solid var(--kenarlik);background:var(--kart);color:var(--metin-2);
}
.cerez-pencere-alt button:hover{border-color:var(--metin-3);color:var(--metin)}
.cerez-pencere-alt .kaydet{
  margin-left:auto;background:var(--kirmizi);border-color:var(--kirmizi);color:#fff;font-weight:800;
}
.cerez-pencere-alt .kaydet:hover{background:var(--kirmizi-koyu);border-color:var(--kirmizi-koyu);color:#fff}

@media(max-width:760px){
  .cerez-ic{gap:14px}
  .cerez-btn{width:100%}
  .cerez-btn button{flex:1;padding:12px 10px;font-size:13.5px}
  .cerez-pencere-alt{flex-direction:column}
  .cerez-pencere-alt .kaydet{margin-left:0;order:-1}
  .cerez-pencere-alt button{width:100%}
}

/* ===========================================================
   404 — SAYFA BULUNAMADI
   =========================================================== */
.hata-sayfa{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;
  padding:60px 30px 64px;text-align:center;margin-bottom:26px;
}
.hata-no{
  font-size:118px;line-height:.9;font-weight:800;letter-spacing:-.05em;
  color:var(--kenarlik);margin-bottom:14px;
}
.hata-sayfa h1{margin:0 0 10px;font-size:27px;font-weight:800;letter-spacing:-.02em}
.hata-sayfa p{
  margin:0 auto 26px;font-size:14.5px;line-height:1.65;color:var(--metin-2);max-width:48ch;
}
.hata-dugme{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.hata-dugme a{
  padding:12px 22px;border-radius:10px;font-size:14px;font-weight:700;
  border:1px solid var(--kenarlik);background:var(--kart);color:var(--metin-2);transition:all .15s;
}
.hata-dugme a:hover{border-color:var(--metin-3);color:var(--metin)}
.hata-dugme a.birincil{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.hata-dugme a.birincil:hover{background:var(--kirmizi-koyu);border-color:var(--kirmizi-koyu)}

.hata-ara{max-width:520px;margin:0 auto 18px}
.hata-oneri{margin-top:6px}
.hata-oneri .bolum-bas{margin-bottom:14px}
@media(max-width:760px){
  .hata-sayfa{padding:40px 20px 44px;border-radius:14px}
  .hata-no{font-size:80px}
  .hata-sayfa h1{font-size:21px}
  .hata-dugme a{width:100%}
}

/* ===========================================================
   YAZARLAR
   =========================================================== */

/* — liste — */
.yazar-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.yazar-kart{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:12px;padding:20px 16px 18px;
  text-align:center;display:flex;flex-direction:column;align-items:center;
  transition:border-color .16s,transform .16s,box-shadow .16s;
}
.yazar-kart:hover{border-color:var(--kirmizi);transform:translateY(-2px);box-shadow:var(--golge)}
.yazar-kart h3{margin:14px 0 5px;font-size:15.5px;font-weight:700;line-height:1.3}
.yazar-kart .unvan{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;line-height:1.5;
  color:var(--metin-3);letter-spacing:.02em;
}
.yazar-kart .sayi{
  margin-top:auto;padding-top:12px;font-size:11.5px;color:var(--metin-3);font-weight:600;
}

/* baş harf rozeti — gerçek fotoğraf panelden yüklenince <img> ile değişir */
.avatar{
  width:96px;height:96px;border-radius:50%;flex:none;
  display:grid;place-items:center;object-fit:cover;
  font-family:'Archivo',sans-serif;font-size:32px;font-weight:800;letter-spacing:-.02em;
  color:#fff;background:var(--kirmizi-koyu);user-select:none;
}
.avatar.a2{background:#12617E}
.avatar.a3{background:#166B3F}
.avatar.a4{background:#B8862F}
.avatar.a5{background:#5D4E8C}
.avatar.a6{background:#8C4A2F}
.avatar.buyuk{width:120px;height:120px;font-size:40px}

/* — yazar künyesi — */
.yazar-kunye{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:18px;
  padding:30px 34px;margin-bottom:22px;display:flex;gap:24px;align-items:flex-start;
}
.yazar-kunye .bilgi{flex:1;min-width:0}
.yazar-kunye h1{margin:0 0 5px;font-size:28px;font-weight:800;letter-spacing:-.02em}
.yazar-kunye .unvan{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;
  color:var(--metin-3);letter-spacing:.03em;margin-bottom:14px;
}
.yazar-kunye .ozgecmis{
  font-family:'Source Serif 4',Georgia,serif;font-size:15px;line-height:1.7;
  color:var(--metin-2);margin:0 0 16px;max-width:72ch;
}
.yazar-arac{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.yazar-arac a{
  display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:99px;
  border:1px solid var(--kenarlik);background:var(--kart);
  font-size:12.5px;font-weight:700;color:var(--metin-2);transition:all .15s;
}
.yazar-arac a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.yazar-arac .sayac{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;
  color:var(--metin-3);margin-left:4px;
}

/* — köşe yazısı kartları — */
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.yazi-kart{
  background:var(--kart);border:1px solid var(--kenarlik);border-radius:12px;padding:18px;
  display:flex;flex-direction:column;transition:border-color .16s,transform .16s;
}
.yazi-kart:hover{border-color:var(--kirmizi);transform:translateY(-2px)}
.yazi-kart .tarih{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.3px;color:var(--metin-3);
}
.yazi-kart h3{margin:9px 0 8px;font-size:16.5px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.yazi-kart p{
  margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:14px;line-height:1.55;
  color:var(--metin-2);
}
.yazi-kart .devam{
  margin-top:auto;padding-top:12px;font-size:12px;font-weight:700;color:var(--kirmizi);
}

/* — köşe yazısı sayfası: makale üstündeki yazar şeridi — */
.yazi-yazar{
  display:flex;align-items:center;gap:14px;padding:14px 0;
  border-top:1px solid var(--kenarlik);border-bottom:1px solid var(--kenarlik);margin-bottom:4px;
}
.yazi-yazar .avatar{width:52px;height:52px;font-size:18px}
.yazi-yazar .ad{font-size:16px;font-weight:800;letter-spacing:-.01em}
.yazi-yazar .unvan{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--metin-3);margin-top:3px;
}
.yazi-yazar .profil{
  margin-left:auto;font-size:12.5px;font-weight:700;color:var(--kirmizi);white-space:nowrap;
}

/* köşe yazısı gövdesi — haber gövdesine göre biraz daha geniş satır */
.kose-govde{font-size:18.5px;line-height:2}
.kose-govde p:first-of-type::first-letter{
  float:left;font-family:'Archivo',sans-serif;font-size:52px;line-height:.86;font-weight:800;
  margin:4px 10px 0 0;color:var(--kirmizi);
}

@media(max-width:980px){
  .yazar-izgara{grid-template-columns:repeat(3,1fr)}
  .yazi-izgara{grid-template-columns:repeat(2,1fr)}
  .yazar-kunye{padding:24px}
}
@media(max-width:760px){
  .yazar-izgara{grid-template-columns:1fr 1fr;gap:11px}
  .yazar-kart{padding:16px 12px 14px}
  .avatar{width:74px;height:74px;font-size:25px}
  .yazar-kunye{flex-direction:column;align-items:center;text-align:center;padding:22px 18px;border-radius:14px}
  .yazar-kunye h1{font-size:22px}
  .yazar-kunye .ozgecmis{text-align:left}
  .yazar-arac{justify-content:center}
  .yazi-izgara{grid-template-columns:1fr}
  .kose-govde{font-size:16.5px}
  .kose-govde p:first-of-type::first-letter{font-size:42px}
  .yazi-yazar .profil{margin-left:0;width:100%;padding-top:6px}
  .yazi-yazar{flex-wrap:wrap}
}

/* ===========================================================
   ARAYÜZ PARÇALARI
   =========================================================== */

/* başlık ve menü birlikte yapışır (07haber düzeni) */
.bas{position:sticky;top:0;z-index:60}
.menu-serit{top:76px;z-index:59}

/* --- yukarı çık --- */
.yukari-cik{
  position:fixed;right:18px;bottom:24px;z-index:90;
  width:48px;height:48px;border:0;border-radius:50%;cursor:pointer;
  background:var(--kirmizi-koyu);color:#fff;display:grid;place-items:center;
  box-shadow:0 6px 20px rgba(17,24,32,.28);
  opacity:0;pointer-events:none;transform:translateY(10px);
  transition:opacity .22s,transform .22s,background .15s;
}
.yukari-cik.gorun{opacity:1;pointer-events:auto;transform:translateY(0)}
.yukari-cik:hover{background:var(--kirmizi)}
html.cerez-acik .yukari-cik{bottom:128px}

/* --- perde --- */
.perde{
  position:fixed;inset:0;z-index:205;background:rgba(10,16,22,.5);
  opacity:0;pointer-events:none;transition:opacity .25s;
}
.perde.gorun{opacity:1;pointer-events:auto}

/* --- çekmece --- */
.cekmece{
  position:fixed;top:0;right:0;bottom:0;z-index:210;width:420px;max-width:88vw;
  background:var(--kart);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  box-shadow:-10px 0 40px rgba(10,14,19,.25);
}
.cekmece.gorun{transform:translateX(0)}
.cekmece-bas{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:0 18px;height:76px;flex:none;background:#151616;
}
.cekmece-bas img{height:44px;width:auto}
.cek-kapat{
  width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:9px;
  background:rgba(255,255,255,.07);color:#C9CFDA;font-size:16px;cursor:pointer;flex:none;
}
.cek-kapat:hover{background:rgba(255,255,255,.16);color:#fff}

.cekmece-govde{flex:1;overflow-y:auto;padding:16px 18px}
.cek-baslik{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.1em;
  color:var(--metin-3);margin:18px 0 9px;
}
.cek-baslik:first-child{margin-top:0}
.cek-kat{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cek-kat a{
  padding:11px 12px;border:1px solid var(--kenarlik);border-radius:9px;
  font-size:13px;font-weight:700;color:var(--metin);transition:all .15s;
}
.cek-kat a:hover{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.cek-kisayol{display:flex;flex-wrap:wrap;gap:7px}
.cek-kurumsal{display:flex;flex-direction:column}
.cek-kurumsal a{
  padding:10px 2px;border-bottom:1px solid var(--kenarlik);
  font-size:13.5px;font-weight:600;color:var(--metin-2);
}
.cek-kurumsal a:last-child{border-bottom:0}
.cek-kurumsal a:hover{color:var(--kirmizi)}

.cek-alt{
  flex:none;display:flex;gap:9px;padding:14px 18px;
  border-top:1px solid var(--kenarlik);background:var(--serit);
}
.cek-alt a,.cek-alt button{
  flex:1;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid var(--kenarlik);border-radius:10px;background:var(--kart);
  font:inherit;font-size:13px;font-weight:700;color:var(--metin-2);cursor:pointer;
}
.cek-alt a:hover,.cek-alt button:hover{border-color:var(--kirmizi);color:var(--kirmizi)}

/* --- arama katmanı --- */
.arama-kat{
  position:fixed;inset:0;z-index:200;background:rgba(10,16,22,.6);
  display:flex;align-items:flex-start;justify-content:center;padding:126px 20px 20px;
  opacity:0;pointer-events:none;transition:opacity .2s;
}
.arama-kat.gorun{opacity:1;pointer-events:auto}
.arama-kutu{
  width:100%;max-width:620px;background:var(--kart);border-radius:18px;padding:22px;
  box-shadow:0 24px 60px rgba(10,14,19,.4);
}
.arama-kutu input{
  width:100%;padding:15px 16px;border:2px solid var(--kenarlik);border-radius:12px;
  font:inherit;font-size:16.8px;font-weight:500;background:var(--kart);color:var(--metin);
}
.arama-kutu input:focus{outline:none;border-color:var(--kirmizi)}
.arama-ipucu{
  margin-top:11px;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10.5px;color:var(--metin-3);
}
.arama-ipucu strong{color:var(--metin-2)}

@media(max-width:980px){
  .menu-serit{top:0}
  .bas{position:static}
}
@media(max-width:760px){
  .yukari-cik{right:14px;bottom:18px;width:44px;height:44px}
  html.cerez-acik .yukari-cik{bottom:180px}
  .arama-kat{padding-top:80px}
  .cek-kat{grid-template-columns:1fr 1fr}
}

/* ---------- hesaplama sayfası ---------- */
/* Üç araç da sunucuda hesaplanıyor; buradaki kurallar yalnız düzeni kurar,
   JavaScript kapalıyken de aynı görünür. Renkler mevcut değişkenlerden. */
.hesap-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.hesap-kutu{min-width:0}
.hesap-form{display:flex;flex-direction:column;gap:9px;margin:0}
.hesap-alan{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:end}
.hesap-alan label{display:flex;flex-direction:column;gap:5px;min-width:0;
  font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--metin-3)}
.hesap-alan input,.hesap-alan select{
  width:100%;min-width:0;padding:10px 11px;border:1px solid var(--kenarlik);border-radius:9px;
  background:var(--kart);color:var(--metin);font:inherit;font-size:14px;font-weight:700}
.hesap-form .cev-satir input,.hesap-form .cev-satir select{min-width:0}
.hesap-dugme{padding:10px 16px;border:0;border-radius:9px;background:var(--kirmizi);color:#fff;
  font:inherit;font-size:12.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.hesap-dugme:hover{background:var(--kirmizi-koyu)}
.hesap-dokum{margin:11px 0 0;padding:12px 14px;background:var(--serit);border-radius:10px;
  display:grid;grid-template-columns:1fr auto;gap:7px 12px;font-size:13.5px}
.hesap-dokum dt{color:var(--metin-2);font-weight:600;min-width:0}
.hesap-dokum dd{margin:0;text-align:right;font-weight:800;white-space:nowrap}
.hesap-dokum dd.vurgu{font-size:17px;color:var(--kirmizi)}
.hesap-not{margin:10px 0 0;font-size:11px;line-height:1.55;color:var(--metin-3);font-weight:500}
.hesap-not b{color:var(--metin-2)}
.hesap-not i{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px}
@media(max-width:980px){ .hesap-izgara{grid-template-columns:1fr} }
@media(max-width:760px){ .hesap-alan{grid-template-columns:1fr} .hesap-dugme{width:100%} }