/* =============================================================================
   Tedavül — tasarım sistemi
   Kırılımlar:  < 768px telefon  ·  768–1099px tablet  ·  ≥ 1100px masaüstü
   ============================================================================= */

:root{
  --murekkep:#0B1220; --ikincil:#5B6576; --soluk:#8A93A3; --cizgi:#E6E8EC; --cizgi-koyu:#D5D9DF;
  --zemin:#FFFFFF; --bant:#F4F5F7; --kirmizi:#D7263D; --kirmizi-koyu:#B81E32;
  --yukselis:#0E9F6E; --dusus:#D92D20; --turuncu:#D97706;
  /* "Tedavül Özel" başlığının rengi — turkuaz. Klasik turkuaz (#40E0D0) beyaz
     zeminde yazı olarak okunmuyor (kontrast ~1,7:1), bu yüzden aynı turkuaz
     hüzmesinin koyu tonu alındı: kırmızı marka rengiyle yakın ağırlıkta. */
  --turkuaz:#0B7E8A; --turkuaz-koyu:#09646E;
  /* Canlı Gündem'in saat/çizelge rengi — referanstaki (aposto.com) indigo mavi.
     Sayfanın kırmızı "canlı" noktasından ayrışsın diye ayrı tutuldu: kırmızı
     "yayında" anlamını taşır, mavi ise zaman çizelgesinin kendi rengidir. */
  --mavi:#3B37C9; --mavi-koyu:#2D2A9E;
  /* Takvim simgesi. Maske olarak kullanılır, böylece bulunduğu yazının
     rengini devralır (hover'da kırmızıya döner). */
  --ikon-takvim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");
  /* Referans ölçüldü (aposto.com, hesaplanmış stil): manşetler "Canela Text"
     serif, gövde/etiket/düğme Graphik sans. İkisi de ticari lisanslı, o yüzden
     rolleri ücretsiz karşılıklarıyla kuruldu; yedek zincir referansınkiyle aynı.
       Canela Text -> Newsreader (haber için tasarlanmış serif, 400-700)
       Graphik     -> Inter */
  --f-baslik:"Newsreader",Georgia,"Times New Roman",Times,serif;
  --f-metin:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* Sayfa zemini: yüzen cam kabuğun altında sıcak kırık beyaz durur */
  --zemin-sayfa:#F8F7F5;
  /* Cam kabuk sayfa kayarken içeriğin ÜSTÜNDE durur. Eskiden %60 saydam +
     saturate(1.8) idi: altından geçen kırmızı "SON DAKİKA" etiketi ve kırmızı
     başlık etiketleri camda koyu pembe bir leke olarak görünüyordu. Renk
     doygunlaştırma kaldırıldı, cam daha opak: buzlu görünüm kalır, leke kalmaz. */
  --cam:rgba(255,255,255,.9);
  --cam-kenar:1px solid rgba(0,0,0,.06);
  --cam-golge:0 2px 10px rgba(0,0,0,.03);
  --cam-bulanik:blur(20px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-padding-top:14px}
html,body{margin:0;padding:0}

/* ------------------------------------------------------------ KAYDIRMA ÇUBUĞU
   Turkuaz — "Tedavül Özel" başlığıyla aynı renk.
   scrollbar-color kalıtsaldır, html'e verilmesi iç kaydırma alanlarına da
   (şehir listesi, gazete yan listesi, menü çekmecesi) geçmesini sağlar.
   Çubuğu BİLEREK gizlenen yerler etkilenmez: onların kendi
   `scrollbar-width:none` ve `::-webkit-scrollbar{display:none}` kuralları
   daha özgül olduğu için buradaki genel kuralı yener. */
html{scrollbar-width:thin;scrollbar-color:var(--turkuaz) transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--turkuaz);border-radius:99px;
  /* Saydam kenarlık + padding-box: tutamak kenardan biraz içeride durur,
     kalın bir şerit gibi değil ince bir çubuk gibi görünür. */
  border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--turkuaz-koyu);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}
body{font-family:var(--f-metin);color:var(--murekkep);background:var(--zemin-sayfa);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
input,textarea,select{font:inherit;color:inherit}
img,svg{display:block;max-width:100%}
.sayi{font-variant-numeric:tabular-nums}
.yuk{color:var(--yukselis)} .dus{color:var(--dusus)}
[hidden]{display:none!important}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ODAK HALKASI — KIRMIZI KALKTI.
   Sitedeki "kırmızılık" şikâyetinin kaynağı buydu: odaklanan her öğeye
   3px kırmızı çerçeve çiziliyordu. Sekme şeridi, son dakika kutusu ve manşet
   kaydırması kaydırılabilir kaplar; Chrome bunları odaklanabilir sayıyor,
   dokunulunca ya da bir panel kapanıp odak geri dönünce halka beliriyordu.
   Sekme şeridinin kenar silikleştirmesi halkayı iki uçtan soldurunca da
   "uçları solan pembe bir çizgi" gibi görünüyordu.
   Halka tamamen silinmiyor — klavyeyle gezen okur nerede olduğunu görmeli —
   ama marka rengi turkuaza ve 2px'e indi. Etkileşim öğesi OLMAYAN kaplarda
   (aşağıda) hiç gösterilmiyor. */
:focus-visible{outline:2px solid var(--turkuaz);outline-offset:2px}
/* Kaydırılabilir kaplar ve sarmalayıcılar: odağı Chrome kendisi veriyor,
   içlerindeki bağlantı ve düğmeler zaten kendi halkasını gösteriyor. */
.sekmeler-ic:focus-visible,.manset-kaydir:focus-visible,.serit-akis:focus-visible,
.sd-ic:focus-visible,.sd-pencere:focus-visible,.s-menu-liste:focus-visible,
.cekmece-ic:focus-visible,.gz-yan-liste:focus-visible,.alt-cipler:focus-visible{outline:none}
.kap{max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:768px){ .kap{padding:0 28px} }
.atla{position:absolute;left:-999px;top:8px;background:var(--murekkep);color:#fff;padding:10px 14px;z-index:999;border-radius:4px}
.atla:focus{left:8px}

/* ---------------------------------------------------------------- DÜĞMELER */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:99px;
  font-weight:600;font-size:14.5px;border:1.5px solid var(--cizgi-koyu);background:#fff;white-space:nowrap}
.dugme.koyu{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.dugme.kirmizi{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.dugme.tam{width:100%}
.dugme:disabled{opacity:.5;cursor:default}
.dugme .donen{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:99px;animation:don .7s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}

/* ---------------------------------------------------------------- PİYASA ŞERİDİ */
/* Yükseklik ve yazılar %10 küçültüldü: şerit daha az yer kaplasın */
.serit{width:min(1220px,100% - 32px);height:34px;border-radius:999px;overflow:hidden;
  display:flex;align-items:center;position:relative;color:var(--murekkep);
  background:var(--cam);backdrop-filter:var(--cam-bulanik);-webkit-backdrop-filter:var(--cam-bulanik);
  border:var(--cam-kenar);box-shadow:var(--cam-golge)}
@media (min-width:1100px){ .serit{height:37px} }
/* Kayan yazi kenarlarda sert kesilmesin diye yumusatilir.
   ONCEDEN sag kenara 56px genisliginde, %92 opakliga cikan BEYAZ bir ortu
   koyuluyordu. Iki sorun vardi: (1) seridin kendi zemini rgba(255,255,255,.6)
   ve sayfa zemini sicak bir kirik beyaz oldugu icin saf beyaz ortu seride
   karismiyor, ondan daha parlak bir leke olusturuyordu; (2) genislik sabitti
   ve telefonda kayan pencere 168px'e dustugu icin %33'unu kalici olarak
   kapatiyordu. Artik ortu yok: yazinin kendisi maskeyle saydamlasiyor, bu
   yuzden zemin rengiyle uyum sorunu olamaz ve solma genisligi pencereye
   oranli kalir. */
/* .serit-akis DURAN pencere, .serit-kayan içinde kayan şerittir.
   Kırpma dıştaki duran kutuda olmak zorunda: transform bir öğenin kendi
   kırpmasını da birlikte taşır, kayan kutuya overflow:hidden vermek işe
   yaramaz ve yazılar soldaki sabit çiplerin üzerinden geçer. */
.serit-akis{
  flex:1 1 auto;min-width:0;overflow:hidden;margin-left:22px;
  --serit-solma:clamp(10px,6%,32px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--serit-solma),#000 calc(100% - var(--serit-solma)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--serit-solma),#000 calc(100% - var(--serit-solma)),transparent 100%);
}
/* Kayma dikişsiz olsun diye geometri tam olmalı:
   - width:max-content → kutu genişliği = içeriğin tamamı, yani translateX(-50%)
     TAM OLARAK listenin bir kopyası kadar yol gider (kutu daraltılırsa -50%
     bir kopyadan az olur ve her turda görünür bir sıçrama olur).
   - boşluk flex gap yerine öğenin sağ kenar boşluğunda: 16 öğe + 15 gap,
     8 öğe + 8 gap'in tam iki katı değildir; kenar boşluğuyla tam katı olur. */
.serit-kayan{display:flex;gap:0;white-space:nowrap;width:max-content;will-change:transform}
/* Şeridin solunda kaymayan blok: hava durumu + günün gazetesi */
.serit-sabit{display:flex;align-items:center;gap:1px;flex:0 0 auto;padding:0 8px 0 6px;
  border-right:1px solid var(--cizgi);margin-right:2px;height:100%}
.serit-sabit:empty{display:none}
.serit-sabit + .serit-akis{margin-left:14px}
.s-cip{display:flex;align-items:center;gap:4px;height:23px;padding:0 6px;border:0;border-radius:999px;
  background:transparent;color:var(--murekkep);font:inherit;font-size:10px;white-space:nowrap;cursor:pointer;
  transition:background-color .15s}
.s-cip:hover{background:var(--bant)}
.s-cip:active{transform:scale(.97)}
.s-cip b{font-weight:700}
.s-cip .s-simge{font-size:12px;line-height:1}
.s-cip .s-ad{color:var(--ikincil)}
.s-cip .s-ok{color:var(--soluk);font-size:9.5px}
/* hava çipi iki satır: üstte derece + şehir, altında saat (saniyesiz) */
.s-hava{height:28px}
.s-hava-metin{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.12}
.s-hava-ust{display:flex;align-items:baseline;gap:5px}
.s-saat{font-size:9px;color:var(--soluk);font-variant-numeric:tabular-nums;letter-spacing:.02em}
/* Gazete çipi de iki satır: üstte turuncu "Günlük", altında "Gazeteler".
   Yükseklik hava çipiyle aynı (28px) — şeridin 34px'lik boyu değişmiyor. */
.s-gazete{height:28px}
.s-gz-metin{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1.12}
.s-gz-ust{font-size:10px;font-weight:700;color:var(--turuncu);letter-spacing:.01em}
.s-gz-alt{font-size:9px;color:var(--ikincil);letter-spacing:.02em}
/* Dar ekranda yalnızca hava çipindeki şehir adı gizlenir. Gazete çipi artık
   tek kelime ("Gazete"), telefonda da okunabilsin diye gizlenmiyor. */
@media (max-width:820px){ .s-hava .s-ad{display:none} }
@media (max-width:520px){ .s-cip{padding:0 5px} }

/* şehir menüsü — gövdeye eklenir, şeridin overflow'undan etkilenmez */
.s-menu{position:fixed;z-index:120;min-width:170px;padding:6px;border-radius:12px;
  background:#fff;border:1px solid var(--cizgi);box-shadow:0 18px 44px rgba(16,24,40,.18)}
.s-menu[hidden]{display:none}
.s-menu-bas{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);padding:6px 10px 8px}
.s-menu button{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:14px;
  padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--murekkep)}
.s-menu button:hover{background:var(--bant)}
.s-menu button.on{background:var(--murekkep);color:#fff;font-weight:600}
.s-menu button[hidden]{display:none}
/* Şehir menüsü 81 il taşıyor: arama kutusu üstte sabit, liste kaydırılır.
   Yükseklik ekrana göre sınırlanır ki menü ekranın dışına taşmasın. */
.s-menu-sehir{width:230px;max-height:min(58vh,420px);display:flex;flex-direction:column;padding-bottom:4px}
.s-menu-sehir .s-menu-bas{flex:0 0 auto}
.s-menu-ara{flex:0 0 auto;padding:0 4px 6px}
.s-menu-ara input{width:100%;height:34px;padding:0 10px;border:1px solid var(--cizgi);border-radius:8px;
  background:var(--bant);font:inherit;font-size:14px;outline:0;color:var(--murekkep)}
.s-menu-ara input:focus{border-color:var(--cizgi-koyu);background:#fff}
.s-menu-liste{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}

/* ---------------------------------------------------------------- GAZETE OKUYUCU */
.gz-katman{position:fixed;inset:0;z-index:200;background:rgba(16,20,28,.72);
  display:flex;align-items:center;justify-content:center;padding:18px 18px 22px;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.gz-katman[hidden]{display:none}
body.gz-acik{overflow:hidden}
/* Gazete sayfaları dikey: kutu yüksekliği doldurur ki sayfa büyük görünsün */
/* Yan liste eklendiği için kutu genişledi (900 → 1180) */
.gz-kutu{background:#fff;border-radius:14px;width:min(1180px,100%);height:100%;max-height:100%;
  display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.gz-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;
  border-bottom:1px solid var(--cizgi)}
.gz-baslik{display:flex;align-items:baseline;gap:10px;min-width:0}
.gz-baslik b{font-family:var(--f-baslik);font-size:19px;line-height:1.1}
.gz-baslik span{font-size:12.5px;color:var(--soluk);white-space:nowrap}
.gz-araclar{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.gz-zoom{width:30px;height:30px;border:1px solid var(--cizgi);background:#fff;border-radius:8px;
  font-size:17px;line-height:1;cursor:pointer;color:var(--murekkep)}
.gz-zoom:disabled{opacity:.35;cursor:default}
.gz-oran{font-size:12px;color:var(--soluk);font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
/* Gövde artık iki sütun: yan liste + okuma alanı. Dolgu okuma alanına taşındı. */
.gz-govde{position:relative;display:flex;align-items:stretch;
  background:var(--bant);flex:1 1 auto;min-height:0}
.gz-okuma{padding:14px}
/* Sayfa kutusu: yakınlaşınca kayar, sürükleyerek gezilir */
/* -webkit-overflow-scrolling:touch yok: iOS 13'ten beri kaydırma zaten akıcı,
   eski iOS'ta ise kutuyu ayrı katman yapıp oklardan birinin üstüne çıkarıyordu */
.gz-sayfa{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;
  overflow:auto;overscroll-behavior:contain}
.gz-sayfa.yakin{align-items:flex-start;justify-content:flex-start;cursor:grab}
.gz-sayfa.yakin.tutuluyor{cursor:grabbing}
/* gazete sayfası kırpılmaz: tamamı görünür, tıklayınca yakınlaşır */
.gz-sayfa img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;flex:0 0 auto;
  background:#fff;border-radius:4px;box-shadow:0 6px 24px rgba(16,24,40,.18);
  cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.gz-sayfa.yakin img{cursor:inherit;border-radius:0}
.gz-durum{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:rgba(255,255,255,.95);border:1px solid var(--cizgi);border-radius:999px;
  padding:9px 16px;font-size:13px;color:var(--ikincil);box-shadow:0 6px 20px rgba(16,24,40,.12)}
.gz-durum[hidden]{display:none}
/* Oklar sayfanın üstünde (z-index), açılan yan liste (3) okların üstünde.
   Dokunuşu hep düğme alır: içteki çizim tıklamayı yutmaz, çift dokunuş
   yakınlaştırması beklemesi yok. */
.gz-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border:0;border-radius:999px;
  background:rgba(255,255,255,.94);box-shadow:0 4px 16px rgba(16,24,40,.22);cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--murekkep);touch-action:manipulation}
.gz-ok svg{width:22px;height:22px;pointer-events:none}
.gz-ok[hidden]{display:none}
.gz-geri{left:10px} .gz-geri svg{transform:rotate(180deg)}
.gz-ileri{right:10px}
.gz-ok:hover{background:#fff}
.gz-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;
  border-top:1px solid var(--cizgi);flex-wrap:wrap}
.gz-sayac{font-size:12px;color:var(--soluk);white-space:nowrap}
/* ---- yan gazete listesi ---- */
.gz-yan{flex:0 0 190px;border-right:1px solid var(--cizgi);background:#fff;
  display:flex;flex-direction:column;min-height:0}
.gz-ara-kutu{padding:10px 10px 8px;border-bottom:1px solid var(--cizgi);flex:0 0 auto}
.gz-ara-kutu input{width:100%;box-sizing:border-box;border:1px solid var(--cizgi);border-radius:8px;
  padding:7px 10px;font:inherit;font-size:13px;background:var(--bant);color:var(--murekkep)}
.gz-ara-kutu input:focus{outline:2px solid var(--murekkep);outline-offset:-1px;background:#fff}
.gz-yan-liste{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:6px}
.gz-grup[hidden]{display:none}
.gz-grup-bas{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk);
  font-weight:700;padding:10px 8px 5px}
.gz-yan-liste button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;
  border:0;background:none;text-align:left;font:inherit;font-size:13.5px;color:var(--murekkep);
  padding:7px 8px;border-radius:7px;cursor:pointer}
.gz-yan-liste button[hidden]{display:none}
.gz-yan-liste button:hover{background:var(--bant)}
.gz-yan-liste button.on{background:var(--murekkep);color:#fff;font-weight:600}
.gz-rozet{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);
  border:1px solid var(--cizgi);border-radius:3px;padding:1px 4px;flex:0 0 auto}
.gz-yan-liste button.on .gz-rozet{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.3)}
.gz-okuma{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}
.gz-liste-ac{display:none;width:34px;height:34px;border:1px solid var(--cizgi);background:#fff;
  border-radius:8px;cursor:pointer;color:var(--murekkep);align-items:center;justify-content:center;flex:0 0 auto}
.gz-liste-ac svg{width:19px;height:19px}
.gz-kaynak{font-size:11.5px;color:var(--soluk);white-space:nowrap}
/* Dar ekran: yan liste sabit sütun olmaktan çıkar, üstteki düğmeyle açılan
   kayan panel olur. Kapalıyken okuma alanı tam genişlikte kalır. */
@media (max-width:860px){
  .gz-liste-ac{display:flex}
  .gz-yan{position:absolute;left:0;top:0;bottom:0;z-index:3;width:230px;flex:0 0 230px;
    transform:translateX(-102%);transition:transform .22s ease;box-shadow:6px 0 24px rgba(16,24,40,.14)}
  .gz-katman.yan-acik .gz-yan{transform:none}
}
@media (prefers-reduced-motion:reduce){ .gz-yan{transition:none} }
@media (max-width:560px){
  .gz-katman{padding:0}
  .gz-kutu{border-radius:0;width:100%;height:100%;max-height:100%}
  .gz-baslik span{display:none}
  .gz-baslik b{font-size:17px}
  .gz-geri{left:4px} .gz-ileri{right:4px}
  .gz-okuma{padding:8px}
  .gz-bas{padding:10px 10px 10px 12px;gap:8px}
}
/* Dokunmatikte parmak hedefleri büyür (farede olduğu gibi küçük kalmaz) */
@media (hover:none){
  .gz-zoom{width:38px;height:38px;font-size:19px}
  .gz-ok{width:42px;height:42px}
  .gz-ok svg{width:24px;height:24px}
}
/* Süre piyasa.js'te içerik uzunluğuna göre yazılır; buradaki yalnızca yedek. */
.serit-kayan.kayiyor{animation:kay 40s linear infinite}
.serit:hover .serit-kayan{animation-play-state:paused}
@keyframes kay{to{transform:translateX(-50%)}}
/* Şerit her durumda kayar (site sahibinin isteği): "hareketi azalt" ayarı açık
   tarayıcılarda da durmaz. Eskiden bu ayarda kayma kapatılıp yerine elle
   kaydırma açılıyordu; şeridin altında kalıcı bir gri kaydırma çubuğu bırakıyordu.
   Kayma hızı piyasa.js'te içerik uzunluğuna göre hesaplanır (sabit px/sn),
   üstüne gelince durur. Kaydırma çubuğu hiç çıkmaz: .serit overflow:hidden. */
.serit-oge{display:flex;gap:5px;align-items:baseline;font-size:10px;margin-right:22px}
.serit-oge b{font-weight:700;color:var(--soluk);font-size:9px;letter-spacing:.04em}
.serit-oge .d{font-weight:600}
.serit-oge .yuk{color:var(--yukselis)} .serit-oge .dus{color:var(--dusus)}
.serit-bos{color:var(--soluk);font-size:10px}

/* ---------------------------------------------------------------- ÜST BİLGİ (masaüstü) */
.ustbilgi{display:none;border-bottom:1px solid var(--cizgi);font-size:12.5px;color:var(--ikincil)}
.ustbilgi .kap{display:flex;align-items:center;gap:18px;height:36px}
.ustbilgi a:hover{color:var(--murekkep)}
.ustbilgi .sag{margin-left:auto;display:flex;gap:16px}
@media (min-width:1100px){ .ustbilgi{display:block} }

/* ---------------------------------------------------------------- BAŞLIK */
/* Kabuk yapışkan: aşağı inerken yukarı kayıp gizlenir, yukarı kaydırınca
   geri gelir. Sticky olduğu için gövdeye telafi boşluğu gerekmiyor. */
.kabuk-yuzen{position:sticky;top:0;z-index:50;display:flex;flex-direction:column;
  align-items:center;gap:8px;padding:10px 0 0;
  transition:transform .28s cubic-bezier(.4,0,.2,1)}
/* NOT: sınıf adı "gizli" OLAMAZ — o ad sitede ekran okuyucu için görsel
   gizleme yardımcısı olarak kullanılıyor (position:absolute!important). */
.kabuk-yuzen.kabuk-gizli{transform:translateY(calc(-100% - 6px))}
@media (prefers-reduced-motion:reduce){ .kabuk-yuzen{transition:none} }
.ustbilgi{display:none!important}
.basbar{width:min(1220px,100% - 32px);border-radius:20px;overflow:hidden;
  background:var(--cam);backdrop-filter:var(--cam-bulanik);-webkit-backdrop-filter:var(--cam-bulanik);
  border:var(--cam-kenar);box-shadow:var(--cam-golge)}
.basbar > .kap{max-width:none;padding:0 20px}
/* Üç sütun: sol ve sağ eşit paylar, logo tam ortada */
.basbar-ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:62px}
.bas-sol{display:flex;align-items:center;gap:16px;min-width:0}
.bas-sag{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}
.bas-menu{display:none;gap:18px}
.bas-menu a{font-size:10.5px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.bas-menu a:hover{color:var(--kirmizi)}
.bas-sag .bas-kaydet{display:none}
/* Başlıkta haber arama: yalnızca tablet ve masaüstünde, Kaydedilenler
   simgesinin solunda (telefonda arama ≡ çekmecesinin en üstünde). Kutu
   yer daralınca küçülür; logo ortada kalır. */
.bas-ara{display:none}
@media (min-width:768px){
  .bas-ara{display:flex;align-items:center;position:relative;flex:0 1 190px;min-width:120px;margin-right:6px}
  .bas-ara input{width:100%;height:36px;padding:0 38px 0 15px;border:1.5px solid var(--cizgi-koyu);border-radius:99px;
    background:rgba(255,255,255,.75);font:inherit;font-size:13.5px;color:var(--murekkep);outline:0;
    transition:border-color .15s,background-color .15s,box-shadow .15s}
  .bas-ara input::placeholder{color:var(--soluk)}
  .bas-ara input:focus{border-color:var(--murekkep);background:#fff}
  .bas-ara input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
  .bas-ara button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:29px;height:29px;padding:0;border:0;
    border-radius:99px;background:transparent;color:var(--ikincil);display:grid;place-items:center;cursor:pointer}
  .bas-ara button:hover{background:var(--bant);color:var(--murekkep)}
  .bas-ara button svg{width:17px;height:17px}
}
.logo{display:flex;align-items:center;height:100%}
.logo-resim{display:block;width:auto;height:auto}
.logo .logo-resim{height:30px}
.ikon{width:44px;height:44px;display:grid;place-items:center;border-radius:99px;position:relative;color:var(--murekkep);flex:0 0 auto}
.ikon:hover{background:var(--bant)}
.ikon svg{width:22px;height:22px}
/* Menü simgesi biraz daha dolgun: kutusu 22 → 25px, kenardaki iki kısa çizgi
   turkuaz. Hem başlıktaki hamburger hem gazete okuyucusunun liste düğmesi
   aynı simgeyi kullandığı için ikisi birden değişir. */
.menu-ikon svg,.gz-liste-ac svg{width:25px;height:25px}
.ikon-kenar{stroke:var(--turkuaz)}
.bosluk{flex:1}
.menu-ikon{margin-left:-10px}
.hesap-btn{display:none;height:40px;padding:0 16px;border-radius:99px;background:var(--murekkep);color:#fff;font-weight:600;font-size:14px;align-items:center;margin-left:6px;gap:8px}
.hesap-av{width:34px;height:34px;border-radius:99px;background:var(--murekkep);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}
/* MASAÜSTÜ BAŞLIK ÇUBUĞU — %20 küçültüldü (istendi).
   Yükseklik 76 → 61px, logo 38 → 30px, "Giriş yap" 40 → 32px,
   yer imi düğmesi 44 → 35px. Orantı bozulmasın diye hepsi aynı oranda
   küçüldü; kısayol yazıları (TEDAVÜL · PİYASALAR · TAKVİM) zaten 10,5px
   olduğu için onlara dokunulmadı — daha küçüğü okunmaz. */
@media (min-width:1100px){
  .basbar-ic{height:61px;gap:8px}
  .bas-menu{display:flex}
  .bas-sag .bas-kaydet{display:grid}
  .logo .logo-resim{height:30px}
  .menu-ikon{display:none}
  .hesap-btn{display:inline-flex;height:32px;padding:0 13px;font-size:12.5px}
  .hesap-ikon{display:none}
  .bas-sag .ikon{width:35px;height:35px}
  .bas-sag .ikon svg{width:18px;height:18px}
  /* Masaüstünde başlık %20 küçük: kutu "Giriş yap" düğmesiyle aynı boyda */
  .bas-ara{flex-basis:220px;margin-right:4px}
  .bas-ara input{height:32px;font-size:12.5px;padding-right:34px}
  .bas-ara button{width:26px;height:26px;right:3px}
  .bas-ara button svg{width:15px;height:15px}
}

/* Canlı Gündem sekmesi: SABİT kırmızı nokta.
   Eskiden 2 saniyede bir opaklığı 1 ↔ 0,35 arasında gidip geliyordu. Telefonda
   bu nokta son dakika şeridinin hemen üstüne denk geliyor; iki ögenin kırmızısı
   yan yana olunca göz sürekli oraya çekiliyordu. Durum zaten yazıyla ("Canlı
   Gündem") ve renkle belli, hareket bir şey katmıyordu. */
.canli-nokta{width:7px;height:7px;border-radius:99px;background:var(--kirmizi);flex:0 0 auto;
  display:inline-block;margin-right:7px}
.sekme-canli{display:flex;align-items:center}
.ck-canli{color:var(--kirmizi)}
/* Satır space-between olduğu için nokta / yazı / ok üçe bölünüyor ve yazı
   ortada kalıyordu; yazı diğer başlıklarla aynı hizada sola yaslanmalı. */
.cekmece-ic a.ck-canli{justify-content:flex-start}
.ck-canli .canli-nokta{margin-right:9px;flex:0 0 auto}
.cekmece-ic a.ck-canli > span:last-child{margin-left:auto}

/* sekmeler */
.sekmeler{border-top:1px solid rgba(0,0,0,.06);background:transparent}
@media (min-width:1100px){
  /* overflow:hidden şart: şerit artık .basbar'ın (overflow:hidden) dışında,
     13 sekme 1180px'e sığmıyor ve taşan kısım belgeyi genişletip her sayfada
     yatay kaydırma çubuğu çıkarıyordu. İç kap kaydırılabilir kalır. */
  /* overflow:hidden İKİ EKSENİ birden kırpıyordu; açılır alt başlıklar
     şeridin altına taştığı için (ölçüldü: 584px panelin 576px'i dışarıda)
     tamamen görünmez oluyordu. overflow-x:clip + overflow-y:visible tek
     geçerli çözüm: hidden bir eksende kullanılınca diğer eksen zorla "auto"
     olur ve yine kırpar, clip böyle yapmaz. */
  /* Şerit, başlık çubuğunun ALT YARISI gibi davranır: 9px yukarı çekilip onun
     yuvarlak alt köşelerini kapatır, aynı cam zemini sürdürür.
     EKSİK OLAN İKİ ŞEY VARDI:
     1) box-shadow yoktu — kartın üst yarısı zeminden ayrılırken alt yarısı
        düz duruyordu, bütün derinliğini kaybediyordu.
     2) İkisinin birleştiği yerde hiçbir çizgi yoktu; başlık ve sekmeler tek
        bir yığın gibi okunuyordu. Ayırıcı, kenarlıkla verilemez: şeridin üst
        9px'i başlığın altına biniyor, oraya çizilen kenarlık görünmez.
        Bu yüzden çizgi, gerçek birleşme noktasına (top:9px) konumlandırılmış
        ince bir katmanla çiziliyor. */
  .sekmeler{position:relative;width:min(1220px,100% - 32px);margin:-9px auto 0;padding-top:9px;overflow:hidden;
    background:var(--cam);backdrop-filter:var(--cam-bulanik);-webkit-backdrop-filter:var(--cam-bulanik);
    border:var(--cam-kenar);border-top:0;border-radius:0 0 20px 20px;
    box-shadow:var(--cam-golge);
    /* Alt pay 4px: etkin sekmenin kırmızı çizgisi kartın yuvarlak alt
       kenarına yapışıktı (1px kalıyordu). Aşağıda pay bırakınca yazının
       üstündeki ve altındaki boşluk da eşitleniyor (aşağıya bak). */
    padding-bottom:4px}
  .sekmeler::before{content:"";position:absolute;left:18px;right:18px;top:9px;height:1px;
    background:var(--cizgi);pointer-events:none;z-index:1}
  .sekmeler > .kap{max-width:none;padding:0 20px}
  .sekmeler-ic{overflow-x:auto;scrollbar-width:none;gap:6px}
  .sekmeler-ic::-webkit-scrollbar{display:none}
  .sekme{padding-left:6px;padding-right:6px}
  /* Eski tarayıcılarda overflow:hidden yedeği yerinde kalır; clip'i
     destekleyen tarayıcıda dikey taşmaya izin verilir. */
  @supports (overflow:clip){
    .sekmeler{overflow-x:clip;overflow-y:visible}
  }
}
/* Telefon/tablette yatay kategori şeridi yok: başlık sade kalır, tüm
   kategoriler ≡ çekmecesinde ve alt menüdeki "Kategoriler" düğmesinde. */
@media (max-width:1099px){
  /* Alt pay 18px'ti: sekme çubuğu ile son dakika şeridi arasında telefonda
     gereksiz bir boşluk bırakıyordu. Telefonda dikey alan pahalı. */
  .sekmeler{display:block;position:sticky;top:10px;z-index:45;border-top:0;
    width:min(1220px,100% - 32px);height:50px;margin:10px auto 8px;border-radius:36px;
    background:var(--cam);border:var(--cam-kenar);box-shadow:var(--cam-golge);
    backdrop-filter:var(--cam-bulanik);-webkit-backdrop-filter:var(--cam-bulanik)}
  .sekmeler > .kap{max-width:none;padding:0 11px;height:100%}
  /* 9 başlık telefona sığmıyor, şerit kaydırılıyor. Sağ kenar bu yüzden her
     zaman bir kelimeyi ortadan kesiyordu; sert kesik "sıfıra dayanmış" gibi
     özensiz duruyordu. Kenarlarda yumuşak geçiş hem bunu yumuşatıyor hem de
     "bu tarafta devamı var" demiş oluyor. Silikleşme 12px: ilk sekmenin
     kırmızı noktası 18px'te başlıyor, yani solmuyor (ölçüldü). */
  .sekmeler-ic{height:100%;align-items:center;margin:0;gap:0;overscroll-behavior-x:contain;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%)}
  .sekme{height:38px;display:inline-flex;align-items:center;padding:0 14px;font-size:16px}
  .sekme::after{left:14px;right:14px;height:2px;border-radius:0;bottom:7px}
  .sekme-ogesi + .sekme-ogesi > .sekme::before{left:0;height:14px;margin-top:-7px}
  .acilir{display:none!important}
  /* Kabuk telefonda akışta: yalnızca şerit yapışır */
  .kabuk-yuzen{position:static;padding-top:0}
  .kabuk-yuzen.kabuk-gizli{transform:none}
}

/* ---------------------------------------------------------------- iOS ANA EKRAN UYGULAMASI
   iOS 26 ve sonrası, ana ekrana eklenen sitede durum çubuğunun altına
   "Liquid Glass" bulanıklığı koyuyor; bulanıklık sayfanın üstüne taşıp
   piyasa şeridini puslu gösteriyordu. Sayfanın üst kenarında düz renkli,
   sabit bir kutu bulursa bulanıklığı kaldırır ve durum çubuğunu o renkle
   doldurur. Kural WebKit'te (LocalFrameView::fixedContainerEdges): üst
   kenarın ortasında 4px aşağıdaki nokta yoklanır. Oradaki kutu:
     - position:fixed ya da sticky olmalı, ekranın en az %90'ı genişliğinde
       ve 10px'ten yüksek olmalı
     - düz background-color taşımalı (degrade ve doku renk sayılmaz),
       kendisinde ve içinde backdrop-filter olmamalı
   Telefonda en üstte buzlu cam şerit (backdrop-filter, sabit değil) ve
   dokulu pastel zemin vardı, renk hiç bulunamıyordu.
   .durum-bandi o düz kutudur (kabuk.js ekler). Yalnızca iOS'ta uygulama
   olarak açılınca görünür; tarayıcıda ve Android'de hiçbir şey değişmez.
   pointer-events BİLEREK açık: yoklama önce kapalı menü perdesine (.perde,
   saydam) çarpar, ikinci denemede dokunmaya kapalı her kutuyu atlar. */
.durum-bandi{display:none}
@media (display-mode:standalone){
  @supports (-webkit-touch-callout:none){
    .durum-bandi{display:block;position:fixed;top:0;left:0;right:0;height:12px;z-index:75;
      background-color:var(--zemin-sayfa)}
    /* Bandın altında zemin dokuya yumuşakça döner (içeriğin arkasında kalır) */
    html::before{content:"";position:fixed;top:0;left:0;right:0;height:56px;z-index:-1;pointer-events:none;
      background:linear-gradient(var(--zemin-sayfa) 12px,transparent)}
    /* Şerit ve yapışan kategori şeridi bandın altında başlar */
    .kabuk-yuzen{padding-top:14px}
  }
}
@media (display-mode:standalone) and (max-width:1099px){
  @supports (-webkit-touch-callout:none){ .sekmeler{top:14px} }
}
.sekmeler-ic{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 10px}
.sekmeler-ic::-webkit-scrollbar{display:none}
/* Sekmeler şeride ORTALANIR. justify-content:center KULLANILMIYOR: şerit
   kaydırılabilir ve sekmeler sığmadığında ortalama taşan ilk sekmeleri
   kaydırmayla bile ulaşılamaz hale getiriyor. Otomatik kenar boşluğu bu
   tuzağa düşmez — yer varsa boşluğu ikiye böler, yer yoksa sıfıra iner ve
   şerit baştan başlar. */
.sekmeler-ic > :first-child{margin-left:auto}
.sekmeler-ic > :last-child{margin-right:auto}
/* KATEGORİ MENÜSÜ — dergi düzeni:
   başlıklar aralarında ince dikey ayraçla dizilir, yazı serif ve orta
   kalınlıkta, etkin başlığın ALTINDA yazı genişliğinde ince koyu çizgi durur.
   Çizgi kartın dibinde değil yazının hemen altında: sekme "seçili" değil
   "altı çizili" görünür. */
.sekme-ogesi{flex:0 0 auto;position:static}
/* Yazı: serif ve NORMAL kalınlıkta (400). Kalın 500 "menü" gibi duruyordu;
   örnek menüdeki gibi ince, yüksek kontrastlı, dergi künyesi havası olsun
   diye normal kalınlık + biraz daha büyük punto kullanılıyor. */
.sekme{position:relative;display:block;padding:12px 10px;font-family:var(--f-baslik);font-size:16.5px;font-weight:400;letter-spacing:0;
  color:var(--murekkep);white-space:nowrap;transition:color .2s}
/* Ayraç: iki sekme arasındaki boşluğun ortasında kısa dikey çizgi.
   (.altli açılır-menü oku da ::before kullanıyordu; o düzen kaldırıldı,
   sekmeler düz bağlantı.) */
.sekme-ogesi + .sekme-ogesi > .sekme::before{content:"";position:absolute;left:-2px;top:50%;
  width:1px;height:15px;margin-top:-7px;background:var(--cizgi-koyu)}
.sekme::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:var(--murekkep);border-radius:0;
  transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sekme:hover,.sekme.on,.sekme-ogesi:focus-within > .sekme{color:var(--murekkep)}
.sekme:hover::after,.sekme-ogesi:focus-within > .sekme::after{transform:scaleX(.5);opacity:.35}
/* Etkin başlık KALINLAŞMAZ: örnekte de yalnızca altı çizili. Kalınlaşsaydı
   hem sıradan bir menüye dönerdi hem de sekmenin genişliği değişirdi. */
.sekme.on::after{transform:scaleX(1);opacity:1}
.acilir{display:none}
@media (min-width:768px){ .sekmeler-ic{margin:0 -28px;padding:0 20px} }
@media (min-width:1100px){
  /* KAYDIRILABİLİR OLMALI. Önceden overflow:visible idi ve dıştaki .sekmeler
     taşanı kırpıyordu: 1100-1160px arasında (özellikle dikey kaydırma çubuğu
     10px yer alınca) son sekmeler kesiliyor ve HİÇBİR ŞEKİLDE tıklanamıyordu.
     Artık taşarsa kayar. Çubuk gizli — şeridin görüntüsünü bozmasın.
     Açılır alt menüler kaldırıldığı için kaydırmanın kırpacağı bir panel yok. */
  .sekmeler-ic{margin:0;padding:0;gap:0;overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overscroll-behavior-x:contain}
  .sekmeler-ic::-webkit-scrollbar{display:none}
  /* Dikey denge: yazının ÜSTÜNDE ayırıcı çizgiye 15px kalıyor, ALTINDA ise
     sekmenin 11px dolgusu + şeridin 4px alt payı = 15px. Önceden üstte 15,
     altta 14 vardı ve o 14px'in tamamı çizgiyle kart kenarı arasına sıkışmıştı;
     yazı yukarı kaçık, alt çizgi kenara yapışık duruyordu. */
  /* Ayraçlı düzende sekmeler arasındaki boşluk sekmenin KENDİ dolgusundan
     gelir (gap:0): ayraç tam iki yazının ortasına oturur.
     Dolgu 10px: 13 başlık (Politika, İstanbul, Yeme İçme, Seyahat eklendi)
     şeridin 1180px'ine ancak böyle kaydırmasız sığıyor. */
  .sekme{font-size:16.5px;padding:15px 10px 11px}
  .sekme::after{left:10px;right:10px;bottom:5px}
  .sekme-ogesi + .sekme-ogesi > .sekme::before{left:0}
  /* Dar masaüstlerinde şerit yine de kayabilir: kenarlarda yumuşak geçiş
     "devamı var" der, sert kesik bırakmaz (telefondaki ile aynı ölçü). */
  .sekmeler-ic{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
  .sekme-ogesi{position:relative}
  .sekme-ogesi.altli > .sekme{padding-right:18px}
  .sekme-ogesi.altli > .sekme::before{content:"";position:absolute;right:5px;top:50%;width:6px;height:6px;margin-top:-5px;
    border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);opacity:.45;transition:transform .25s,opacity .2s}
  .sekme-ogesi.altli:hover > .sekme::before,.sekme-ogesi.altli:focus-within > .sekme::before{transform:translateY(3px) rotate(225deg);opacity:.9}
  .sekme-ogesi.altli:hover > .sekme::after{right:18px}

  /* açılır alt başlıklar */
  .acilir{display:block;position:absolute;top:100%;left:-10px;z-index:80;padding-top:1px;
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s}
  .acilir.sag{left:auto;right:-10px}
  .sekme-ogesi:hover > .acilir,.sekme-ogesi:focus-within > .acilir{opacity:1;visibility:visible;transform:none;transition-delay:.06s,.06s,0s}
  .acilir-ic{min-width:230px;background:#fff;border:1px solid var(--cizgi);border-top:3px solid var(--kirmizi);border-radius:0 0 8px 8px;
    box-shadow:0 18px 40px rgba(11,18,32,.14);padding:8px}
  .acilir-ic a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:6px;font-weight:600;font-size:14.5px;color:#2A3342;
    position:relative;transition:background-color .15s,color .15s,padding-left .2s}
  .acilir-ic a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--kirmizi);transform:scaleY(0);transition:transform .2s}
  .acilir-ic a:hover,.acilir-ic a:focus-visible{background:var(--bant);color:var(--murekkep);padding-left:18px}
  .acilir-ic a:hover::before,.acilir-ic a.on::before{transform:scaleY(1)}
  .acilir-ic a.on{color:var(--kirmizi)}
  .acilir-ic .acilir-hepsi{font-family:var(--f-baslik);font-weight:700;font-size:15.5px;color:var(--murekkep);border-bottom:1px solid var(--cizgi);border-radius:6px 6px 0 0;margin-bottom:4px;justify-content:space-between}
  .acilir-hepsi span{color:var(--kirmizi);transition:transform .2s}
  .acilir-hepsi:hover span{transform:translateX(4px)}
  .sekme-ogesi:hover > .acilir .acilir-ic a{animation:k-alt-gir .3s both}
  .sekme-ogesi:hover > .acilir .acilir-ic a:nth-child(2){animation-delay:.03s}
  .sekme-ogesi:hover > .acilir .acilir-ic a:nth-child(3){animation-delay:.06s}
  .sekme-ogesi:hover > .acilir .acilir-ic a:nth-child(4){animation-delay:.09s}
  .sekme-ogesi:hover > .acilir .acilir-ic a:nth-child(n+5){animation-delay:.12s}
}
@keyframes k-alt-gir{from{opacity:0;transform:translateX(-6px)}}

/* son dakika */
/* overflow:hidden OLMAZ: sd-panel position:absolute; top:100% ile aşağı
   açılıyor, kırpılırsa liste hiç görünmez. */
.sondakika{position:relative;z-index:40;width:min(1220px,100% - 32px);margin:12px auto 0;
  border-radius:14px;
  background:rgba(255,255,255,.78);backdrop-filter:var(--cam-bulanik);-webkit-backdrop-filter:var(--cam-bulanik);
  border:var(--cam-kenar);box-shadow:var(--cam-golge)}
.sd-ic{display:flex;align-items:center;gap:10px;min-height:46px}
/* Telefonda şerit daraltılır: 47px'lik bir bant için üstü ve altı birlikte
   30px boşluk harcanıyordu. Kural tema.css'te çünkü şerit her sayfada var —
   anasayfa.css'e konsaydı yalnızca ana sayfada dar, diğerlerinde geniş
   kalırdı. Parmak hedefi etiketin kendi dolgusuyla korunuyor. */
@media (max-width:1099px){
  .sondakika{margin-top:8px}
  .sd-ic{min-height:42px}
}
/* Etiket daraltıldı: dolgu, boşluk, yazı ve sayaç rozeti biraz kısıldı —
   şeritte başlığa daha çok yer kalsın. */
.sd-etiket{flex:0 0 auto;background:var(--kirmizi);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:5px 7px;border-radius:3px;
  display:flex;align-items:center;gap:5px;transition:background .2s,transform .15s}
.sd-etiket:hover{background:var(--kirmizi-koyu)}
.sd-etiket:active{transform:scale(.97)}
/* NOKTA ARTIK HİÇ YANIP SÖNMÜYOR.
   Önce 1,4 sn'de bir sert yanıp sönüyordu, 3,4 sn'ye yavaşlattım ama nefes
   alan opaklık da (1 ↔ 0,6) göz ucuyla yanıp sönme olarak okunuyordu. Kırmızı
   etiket zaten "son dakika" mesajını veriyor; hareket bir şey katmıyordu. */
.sd-etiket i{width:6px;height:6px;border-radius:99px;background:#fff}
.sd-sayi{background:rgba(255,255,255,.22);border-radius:99px;padding:1px 5px;font-size:10px;min-width:16px;text-align:center}
.sd-ok-asagi svg{width:12px;height:12px;transform:rotate(90deg);transition:transform .25s}
.sondakika.acik .sd-ok-asagi svg{transform:rotate(-90deg)}
.sd-pencere{flex:1;min-width:0;overflow:hidden}
.sd-metin{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-metin:hover{text-decoration:underline}
.sd-metin.gir-ileri{animation:sd-ileri .45s cubic-bezier(.2,.7,.2,1)}
.sd-metin.gir-geri{animation:sd-geri .45s cubic-bezier(.2,.7,.2,1)}
@keyframes sd-ileri{from{opacity:0;transform:translateY(100%)}}
@keyframes sd-geri{from{opacity:0;transform:translateY(-100%)}}
.sd-saat{color:var(--kirmizi);font-weight:700;margin-right:6px}
.sd-yeni{font-size:9.5px;font-weight:700;letter-spacing:.06em;color:var(--kirmizi);border:1px solid var(--kirmizi);border-radius:2px;padding:1px 4px;margin-right:6px;vertical-align:2px}
.sd-gezin{flex:0 0 auto;display:none;align-items:center;gap:2px;color:var(--ikincil);font-size:12px}
.sd-gezin button{width:28px;height:28px;border-radius:99px;display:grid;place-items:center;transition:background .2s}
.sd-gezin button:hover{background:var(--bant);color:var(--murekkep)}
.sd-gezin button svg{width:15px;height:15px}
#sdGeri svg{transform:rotate(180deg)}
.sd-gezin span{min-width:34px;text-align:center}
@media (min-width:768px){ .sd-gezin{display:flex} .sd-gezin[hidden]{display:none} }
/* açılır liste */
.sd-panel{position:absolute;left:0;right:0;top:100%;animation:sd-panel .25s ease-out}
@keyframes sd-panel{from{opacity:0;transform:translateY(-6px)}}
.sd-panel-ic{background:var(--zemin);border:1px solid var(--cizgi);border-top:3px solid var(--kirmizi);border-radius:0 0 8px 8px;
  box-shadow:0 18px 40px rgba(11,18,32,.18);max-height:min(70vh,560px);display:flex;flex-direction:column}
@media (min-width:768px){ .sd-panel-ic{max-width:620px} }
.sd-panel-bas{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border-bottom:1px solid var(--cizgi)}
.sd-panel-bas b{font-family:var(--f-baslik);font-size:18px;display:block;line-height:1.1}
.sd-panel-bas span{font-size:12px;color:var(--soluk)}
.sd-panel-bas .ikon{width:36px;height:36px;display:grid;place-items:center;border-radius:99px}
.sd-panel-bas .ikon:hover{background:var(--bant)}
.sd-panel-bas .ikon svg{width:20px;height:20px}
.sd-liste{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}
.sd-liste li{border-bottom:1px solid var(--cizgi)}
.sd-liste li:last-child{border-bottom:0}
.sd-liste a{display:grid;grid-template-columns:44px minmax(0,1fr) 76px;gap:10px;align-items:center;padding:10px 14px 10px 16px;font-size:14px;font-weight:600;line-height:1.35;transition:background .15s}
.sd-liste a:hover{background:var(--bant)}
.sd-l-saat{color:var(--kirmizi);font-weight:700;font-size:13px}
.sd-l-metin small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);margin-bottom:2px}
.sd-l-metin{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-l-metin em{font-style:normal;color:var(--kirmizi);margin-right:6px}
.sd-l-gorsel{aspect-ratio:4/3;border-radius:4px}
.sd-liste li{animation:k-alt-gir .3s both}
@media (prefers-reduced-motion:reduce){ .sd-metin.gir-ileri,.sd-metin.gir-geri,.sd-panel,.sd-liste li{animation:none} }
.duyuru{background:#FFF4E5;border-bottom:1px solid #F2D9B3;font-size:13.5px;padding:9px 0;color:#6B4A12}

/* ---------------------------------------------------------------- ORTAK BİLEŞENLER */
.etiket{display:inline-block;background:var(--murekkep);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:5px 8px 4px;line-height:1;border-radius:1px}
.etiket.kirmizi{background:var(--kirmizi)}
.etiket.ince{background:none;color:var(--kirmizi);padding:0;letter-spacing:.07em}
/* Yüklenen fotoğraflar her ölçüde gelir (yatay, dikey, kare). Kart çerçevesi
   düzen bozulmasın diye sabit oranda kalır ama fotoğraf KIRPILMAZ: tamamı
   çerçeveye sığar, artan boşluk aynı fotoğrafın bulanık kopyasıyla dolar.
   Haber sayfasının ana fotoğrafı ise .tam ile kendi oranında gösterilir. */
.gorsel{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bant);border-radius:3px}
.gorsel img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}
.gorsel svg{width:100%;height:100%;object-fit:cover}
.gorsel img.dolgu{position:absolute;inset:0;z-index:0;object-fit:cover;transform:scale(1.1);filter:blur(22px) saturate(1.25);opacity:.55}
/* .tam: çerçeve yok — kutu fotoğrafın kendi oranını alır, mobilde de masaüstünde de tamamı görünür */
.gorsel.tam{aspect-ratio:auto;display:flex;align-items:center;justify-content:center}
.gorsel.tam img{width:auto;height:auto;max-width:100%;max-height:82vh}
.gorsel.tam img.dolgu{width:100%;height:100%;max-width:none;max-height:none}
.b-dev{font-family:var(--f-baslik);font-weight:700;line-height:1.02;letter-spacing:-.01em;margin:0}
.b-orta{font-family:var(--f-baslik);font-weight:700;line-height:1.1;margin:0}
.b-kucuk{font-family:var(--f-baslik);font-weight:700;line-height:1.16;margin:0;font-size:17.5px}
a:hover .b-dev,a:hover .b-orta,a:hover .b-kucuk{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.meta{font-size:12.5px;color:var(--soluk);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.meta b{color:var(--ikincil);font-weight:600}
.dis-kaynak{color:var(--ikincil);font-weight:600}
.bolum{padding:26px 0}
.bolum.bant{background:var(--bant)}
.bolum-bas{display:flex;align-items:center;gap:10px;margin-bottom:16px;min-height:44px}
.bolum-bas h2,.bolum-bas h1{font-family:var(--f-baslik);font-weight:700;font-size:25px;margin:0;line-height:1;display:flex;align-items:center;gap:10px}
.bolum-bas h2::before,.bolum-bas h1::before{content:"";width:7px;height:22px;background:var(--kirmizi);flex:0 0 auto;transform-origin:bottom;animation:k-cubuk .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes k-cubuk{from{transform:scaleY(0)}}
/* bölüm başlığındaki "Tümü →" bağlantısı: ok kayar */
.bolum-bas a{transition:color .15s,gap .2s}
.bolum-bas a:hover{gap:9px}
/* kart etiketleri: bağlantının üstüne gelince kırmızıya döner */
a .etiket{transition:background-color .2s}
a:hover .etiket:not(.ince){background:var(--kirmizi)}
/* alt başlık seçimi (kategori sayfası) */
.alt-cipler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -16px 4px;padding:2px 16px 6px}
.alt-cipler::-webkit-scrollbar{display:none}
.alt-cipler a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:99px;border:1.5px solid var(--cizgi-koyu);
  font-size:14px;font-weight:600;color:var(--ikincil);white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;transition:color .25s,border-color .25s}
.alt-cipler a::before{content:"";position:absolute;inset:0;background:var(--murekkep);z-index:-1;transform:translateY(101%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.alt-cipler a:hover{color:#fff;border-color:var(--murekkep)}
.alt-cipler a:hover::before{transform:none}
.alt-cipler a.on{color:#fff;border-color:var(--kirmizi)}
.alt-cipler a.on::before{background:var(--kirmizi);transform:none}
@media (min-width:768px){ .alt-cipler{margin:14px 0 4px;padding:2px 0 6px;flex-wrap:wrap;overflow:visible} }
/* ------------------------------------------------------------ ARŞİV
   Yazar bölümlerinde (Tedavül Özel, İlim, Yaşama Dair). Sayfada yalnızca
   TEK SATIR durur: solda gösterilen ay, sağda "Arşiv" düğmesi. Aylar ve
   arama düğmeye basınca açılan menüde; menü listenin ÜSTÜNE açılır,
   yazıları aşağı itmez. Renk turkuaz — yazar bölümlerinin rengi. */
.arsiv{position:relative;z-index:20;margin:12px 0 4px}
.arsiv[hidden]{display:none}
.arsiv-cubuk{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 6px 6px 14px;
  border:1px solid var(--cizgi);border-radius:14px;background:#fff}
.arsiv-gosterilen{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:14px;color:var(--soluk)}
.arsiv-gosterilen b{font-weight:700;color:var(--murekkep)}
.arsiv-gosterilen span::before{content:"·";margin-right:8px;color:var(--cizgi-koyu)}
.arsiv-temizle{padding:2px 10px;border:1px solid var(--turkuaz);border-radius:99px;background:#fff;
  font:inherit;font-size:12px;font-weight:600;color:var(--turkuaz);cursor:pointer;white-space:nowrap}
.arsiv-temizle:hover{background:var(--turkuaz);color:#fff}
/* "Arşiv" düğmesi: dokunulabilir olduğu belli olsun diye dolu turkuaz */
.arsiv-ac{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 13px;border:0;border-radius:10px;
  background:var(--turkuaz);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.arsiv-ac:hover{background:var(--turkuaz-koyu)}
.arsiv-ac svg{width:18px;height:18px;flex:0 0 auto}
.arsiv-ac .arsiv-ok{width:16px;height:16px;transition:transform .2s}
.arsiv.acik .arsiv-ok{transform:rotate(180deg)}
/* Açılır menü: listenin üstünde süzülür, uzun arşivde kendi içinde kayar */
.arsiv-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:min(70vh,520px);overflow-y:auto;
  padding:14px;border:1px solid var(--cizgi);border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(11,18,32,.16)}
.arsiv-panel[hidden]{display:none}
.arsiv-ara{display:flex;align-items:center;gap:8px;height:44px;padding:0 5px 0 14px;border:1.5px solid var(--cizgi-koyu);
  border-radius:12px;background:var(--zemin-sayfa);transition:border-color .15s,background-color .15s}
.arsiv-ara:focus-within{border-color:var(--turkuaz);background:#fff}
.arsiv-ara svg{width:17px;height:17px;color:var(--soluk);flex:0 0 auto}
.arsiv-ara input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;outline:0;color:var(--murekkep)}
.arsiv-ara-git{flex:0 0 auto;height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--murekkep);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
/* Yıl başlığı: "2026 ———— 7 yazı" */
.arsiv-yil-bas{display:flex;align-items:center;gap:10px;margin:16px 2px 8px}
.arsiv-yil-bas b{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--murekkep)}
.arsiv-yil-bas::after{content:"";order:1;flex:1;height:1px;background:var(--cizgi)}
.arsiv-yil-bas span{order:2;font-size:12px;color:var(--soluk)}
.arsiv-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.arsiv-ay{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:10px 12px 11px;
  border:1.5px solid var(--cizgi);border-radius:12px;background:var(--zemin-sayfa);font:inherit;text-align:left;
  cursor:pointer;transition:border-color .15s,background-color .15s}
.arsiv-ay .ay-ad{font-size:14.5px;font-weight:700;color:var(--murekkep)}
.arsiv-ay .ay-sayi{font-size:12px;color:var(--soluk)}
/* ayın doluluğu: en çok yazılan aya göre */
.arsiv-ay .ay-cubuk{display:block;width:100%;height:4px;margin-top:8px;border-radius:99px;background:var(--cizgi);overflow:hidden}
.arsiv-ay .ay-cubuk i{display:block;height:100%;border-radius:99px;background:var(--turkuaz)}
.arsiv-ay:hover{border-color:var(--turkuaz);background:#fff}
.arsiv-ay.on{background:var(--turkuaz);border-color:var(--turkuaz)}
.arsiv-ay.on .ay-ad,.arsiv-ay.on .ay-sayi{color:#fff}
.arsiv-ay.on .ay-cubuk{background:rgba(255,255,255,.3)}
.arsiv-ay.on .ay-cubuk i{background:#fff}
.kat-yol{font-size:12.5px;color:var(--soluk);display:flex;gap:6px;align-items:center;margin-bottom:6px}
.kat-yol a{color:var(--ikincil);font-weight:600}
.kat-yol a:hover{color:var(--kirmizi)}
.bolum-bas a{margin-left:auto;font-size:13.5px;font-weight:600;color:var(--ikincil);display:flex;align-items:center;gap:4px;min-height:44px}
.bolum-bas a:hover{color:var(--murekkep)}
.yazar-av{width:34px;height:34px;border-radius:99px;background:var(--murekkep);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto}
/* Kurum imzası: baş harf yerine Tedavül işareti (işaret siyah, zemin beyaz) */
.yazar-av.marka{background:#fff;border:1px solid var(--cizgi);overflow:hidden;padding:0}
.yazar-av.marka img{width:76%;height:76%;object-fit:contain;display:block}
.iskelet{background:linear-gradient(90deg,#EEF0F3 25%,#F6F7F9 50%,#EEF0F3 75%);background-size:200% 100%;animation:parilti 1.3s infinite;border-radius:3px}
@keyframes parilti{to{background-position:-200% 0}}
.bos-durum{padding:28px 18px;text-align:center;color:var(--ikincil);border:1px dashed var(--cizgi-koyu);border-radius:3px;font-size:14.5px}
.bos-durum b{display:block;font-family:var(--f-baslik);font-weight:700;font-size:20px;color:var(--murekkep);margin-bottom:4px}
.sadece-masaustu{display:none!important}
@media (min-width:1100px){ .sadece-telefon{display:none!important} .sadece-masaustu{display:block!important} }

/* yedek görsel (fotoğrafı olmayan haber) */
.gorsel.yedek{background:var(--murekkep)}
.gorsel.yedek .yedek-yazi{position:absolute;left:14px;bottom:12px;font-family:var(--f-baslik);font-weight:700;font-size:13px;letter-spacing:.08em;color:rgba(255,255,255,.55);text-transform:uppercase}

/* ---------------------------------------------------------------- ANA SAYFA: MANŞET */
/* gap, yan kenar payıyla AYNI (16px) olmalı: 12px'ken sonraki kartın 4px'i
   ekranın sağ kenarından görünüyordu. 16'da bir sonraki kart tam ekran
   dışında başlar, yani telefonda ekranda yalnızca tek haber kalır. */
.manset-kaydir{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;scrollbar-width:none;margin:0 -16px;padding:16px 16px 4px;
  /* iOS'ta parmak bırakıldıktan sonra kayma yumuşak dursun */
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.manset-kaydir::-webkit-scrollbar{display:none}
/* TELEFONDA TAM EKRAN: eskiden calc(100% - 30px) idi, sonraki haberin 30px'i
   görünüyordu. O şerit hem göz yoruyor hem "yarım kalmış" hissi veriyordu.
   scroll-snap-stop:always ile her kaydırma TAM BİR haber ilerletir; hızlı
   savurmada aradaki haberler atlanmaz. */
.manset-kart{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:block;
  transition:opacity .35s ease,transform .35s cubic-bezier(.32,.72,0,1)}
.manset-kaydir.tek .manset-kart{flex-basis:100%}
/* Okunan kart tam, komşular hafif geride — kaydırırken derinlik hissi */
.manset-kaydir.hazir .manset-kart:not(.etkin){opacity:.55;transform:scale(.97)}
.manset-kart .etiket{margin:14px 0 9px}
.manset-kart .b-dev{font-size:31px}
.manset-kart p{margin:10px 0 0;color:var(--ikincil);font-size:15px;line-height:1.5}
/* TELEFON: kaydırıcıdaki bütün kartlar en uzun kartın boyuna uzar; tek bir
   uzun spot (8 satır) kısa haberlerin altında ~190 px boşluk bırakıyordu.
   Spot en fazla 4 satır ("…" ile biter, tamamı haber sayfasında; ekran
   okuyucu yine tamamını okur). Başlık KESİLMEZ, her zaman tam okunur.
   4 satır: sayı kartı hâlâ ilk ekranda kalıyor; 5'te ekrandan çıkıyordu. */
@media (max-width:767px){
  .manset-kart p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
}
.noktalar{display:flex;align-items:center;gap:6px;padding:14px 0 4px}
.noktalar button{width:18px;height:24px;display:grid;place-items:center;flex:0 0 auto}
.noktalar button i{width:7px;height:7px;border-radius:99px;background:var(--cizgi-koyu);
  transition:width .28s cubic-bezier(.32,.72,0,1),background-color .2s}
.noktalar button.on{width:30px}
.noktalar button.on i{width:22px;background:var(--murekkep)}
/* 10 habere kadar çıkıyor: nokta sayısı artınca hepsi dar ekrana sığsın */
.noktalar.cok{gap:4px}
.noktalar.cok button{width:13px}
.noktalar.cok button.on{width:24px}
.noktalar.cok button.on i{width:17px}
.noktalar span{margin-left:auto;font-size:12.5px;color:var(--soluk);font-weight:600;
  font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:8px}
/* Önceki/sonraki düğmeleri: dokunmatikte parmakla kaydırılır, farede ok gerekir */
.manset-ok{display:none}
.manset-sarmal{position:relative}
@media (hover:hover) and (min-width:560px){
  .manset-ok{display:grid;place-items:center;position:absolute;top:32%;z-index:6;
    width:40px;height:40px;border-radius:99px;border:1px solid var(--cizgi);background:rgba(255,255,255,.92);
    backdrop-filter:blur(6px);color:var(--murekkep);box-shadow:0 6px 18px rgba(11,18,32,.14);
    cursor:pointer;opacity:0;transition:opacity .2s,transform .2s}
  .manset-sarmal:hover .manset-ok{opacity:1}
  .manset-ok:hover{transform:scale(1.08)}
  .manset-ok[disabled]{opacity:0!important;pointer-events:none}
  .manset-ok.geri{left:6px} .manset-ok.ileri{right:6px}
  .manset-ok svg{width:20px;height:20px}
}
.manset-izgara{display:none}
@media (min-width:768px){
  .manset-kart{flex-basis:calc(100% - 120px)}
  .manset-kart .b-dev{font-size:38px}
}
@media (min-width:1100px){
  .manset-kaydir,.noktalar{display:none}
  .manset-izgara{display:grid;grid-template-columns:2.25fr 1fr;gap:32px;padding:28px 0 8px}
  .mi-buyuk{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
  .mi-buyuk .b-dev{font-size:40px;margin:12px 0 14px}
  .mi-buyuk p{font-size:17px;line-height:1.5;color:var(--ikincil);margin:0 0 16px}
  .mi-yan{display:grid;align-content:start}
  .mi-yan a{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--cizgi)}
  .mi-yan a:first-child{padding-top:0}
  .mi-yan a:last-child{border-bottom:0}
  .mi-yan .gorsel{aspect-ratio:4/3}
  .mi-yan .etiket{margin-bottom:8px}
  .mi-yan .b-orta{font-size:19px}
  .mi-sira{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--cizgi);padding-top:24px;margin-top:6px}
  .mi-sira:empty{display:none}
  .mi-sira .etiket{margin:12px 0 8px}
  .mi-sira .b-kucuk{font-size:20px}
}

/* ---------------------------------------------------------------- ANA SAYFA: DÜZEN */
.ana-yan{display:none}
@media (min-width:1100px){
  .ana-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px}
  .ana-yan{display:block;padding-top:26px}
  .yapiskan{position:sticky;top:14px}
}

/* bugün bilmen gerekenler */

/* haber listesi (başlık solda, küçük görsel sağda) */
.liste a.satir{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:14px;padding:16px 0;border-bottom:1px solid var(--cizgi);align-items:start}
.liste a.satir.gorselsiz{grid-template-columns:1fr}
.liste .etiket.ince{margin-bottom:6px;display:block}
.liste .b-kucuk{margin-bottom:8px}
.liste .gorsel{aspect-ratio:4/3}
@media (min-width:768px){ .liste{display:grid;grid-template-columns:1fr 1fr;column-gap:32px} }

/* kutu */
.kutu{border:1px solid var(--cizgi);border-radius:3px;background:#fff}
.kutu + .kutu{margin-top:22px}
.kutu-bas{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--cizgi)}
.kutu-bas h3{font-family:var(--f-baslik);font-weight:700;font-size:19px;margin:0;line-height:1}
.kutu-bas small{margin-left:auto;font-size:11px;color:var(--soluk);display:flex;align-items:center;gap:5px}
/* Piyasa kutularındaki "canlı" noktası da SABİT. 1,6 saniyelik nabız
   sitedeki en hızlı yanıp sönmeydi; son dakika ve Canlı Gündem noktaları
   durdurulurken bunun kalması tutarsız olurdu. */
.canli{width:6px;height:6px;border-radius:99px;background:var(--yukselis)}
.kutu-alt{padding:10px 16px;font-size:11px;color:var(--soluk);border-top:1px solid var(--cizgi)}

/* piyasa satırları ve kartları */
.p-satir{display:grid;grid-template-columns:minmax(0,1fr) 64px auto;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--cizgi)}
.p-satir:last-child{border-bottom:0}
.p-satir .ad{font-weight:700;font-size:14px}
.p-satir .ad small{display:block;font-weight:400;color:var(--soluk);font-size:11.5px;margin-top:1px}
.p-satir .deger{text-align:right;font-weight:600;font-size:14.5px}
.p-satir .deger small{display:block;font-size:12px;font-weight:600;margin-top:1px}
.p-satir svg{width:64px;height:26px}
/* Kategori ve haber sayfalarının yan sütunundaki Piyasalar kutusu: satırlar
   yaklaşık dörtte bir daha sık, yan sütunda daha az yer kaplıyor. Piyasalar
   sayfasındaki tam boy satırlar ve ana sayfanın kutuları etkilenmez
   (yalnızca .yan-piyasa). */
.yan-piyasa .kutu-bas{padding:10px 14px}
.yan-piyasa .kutu-bas h3{font-size:16px}
.yan-piyasa .p-satir{grid-template-columns:minmax(0,1fr) 52px auto;gap:8px;padding:7px 14px;line-height:1.25}
.yan-piyasa .p-satir .ad{font-size:13px}
.yan-piyasa .p-satir .ad small{font-size:10.5px;margin-top:0}
.yan-piyasa .p-satir .deger{font-size:13px}
.yan-piyasa .p-satir .deger small{font-size:11px;margin-top:0}
.yan-piyasa .p-satir svg{width:52px;height:20px}
.yan-piyasa .kutu-alt{padding:8px 14px;font-size:10.5px}
.p-yok{color:var(--soluk)}

/* ---------------------------------------------------------------- PİYASA PANOSU
   Ana sayfa (telefonda bölüm, masaüstünde yan sütun) ve Piyasalar sayfası
   aynı panoyu kullanır (piyasa.js, data-piyasa="pano"). On kalemin HEPSİ
   aynı anda görünür: telefonda yana kaydırma yok, 2 sütun x 5 satır tek
   ekrana sığar. Düzen ekrana değil panonun KENDİ genişliğine göre seçilir
   (container query): dar kapta kompakt kart, geniş kapta 5 sütun ve kartın
   altına yayılan grafik. Kartlar tıklanmaz; o yüzden üzerine gelince
   değişmezler (düğme gibi görünmesinler). Hiçbir şey yanıp sönmez. */
.pp{container-type:inline-size}
.pp-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pp-kart{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"ad ad" "deger degisim" "cizgi cizgi";align-items:center;column-gap:6px;
  padding:10px 11px 0;border:1px solid var(--cizgi);border-radius:12px;background:#fff;overflow:hidden}
.pp-ad{grid-area:ad;font-size:11.5px;font-weight:700;letter-spacing:.03em;color:var(--ikincil);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-birim{grid-area:birim;display:none;font-size:11px;color:var(--soluk)}
.pp-deger{grid-area:deger;margin-top:3px;font-size:18px;font-weight:700;line-height:1.2;color:var(--murekkep);white-space:nowrap;min-width:0}
.pp-degisim{grid-area:degisim;justify-self:end;margin-top:3px;padding:2px 6px;border-radius:99px;
  font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap;background:var(--bant);color:var(--soluk)}
.pp-kart.yuk .pp-degisim{background:rgba(14,159,110,.1);color:var(--yukselis)}
.pp-kart.dus .pp-degisim{background:rgba(217,45,32,.08);color:var(--dusus)}
/* grafik kartın alt kenarına kadar iner, kenarlara yaslanır */
.pp-cizgi{grid-area:cizgi;display:block;width:calc(100% + 22px);height:24px;margin:6px -11px 0;color:var(--cizgi-koyu)}
.pp-kart.yuk .pp-cizgi{color:var(--yukselis)} .pp-kart.dus .pp-cizgi{color:var(--dusus)}
.pp-kart.bos .pp-deger{color:var(--soluk)}
.pp-kart.bos .pp-birim{display:block;grid-area:degisim;justify-self:end}
.pp-izgara .iskelet{min-height:78px;border-radius:12px}
.pp-yok{grid-column:1/-1;padding:18px 4px;font-size:13.5px;color:var(--soluk)}
/* Durum satırı: güncelleme saati + BIST seansı. Nokta sabit, yanıp sönmez. */
.pp-durum{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-height:18px;font-size:11.5px;color:var(--soluk)}
.pp-seans{padding:1px 7px;border-radius:99px;background:var(--bant);font-weight:600}
.pp-seans.acik{background:rgba(14,159,110,.1);color:var(--yukselis)}
/* Çok dar kap (ana sayfa yan sütunu ~300px): değer ve yüzde yan yana sığsın */
@container (max-width:330px){
  .pp-kart{padding:9px 9px 0}
  .pp-deger{font-size:16px}
  .pp-degisim{padding:2px 5px;font-size:10.5px}
  .pp-cizgi{width:calc(100% + 18px);margin:6px -9px 0}
}
/* Geniş kap (tablet, Piyasalar sayfası): 5 sütun, 2 satır. Üst satır en çok
   bakılan beşli; kartın altında daha geniş grafik. */
@container (min-width:680px){
  .pp-izgara{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .pp-kart{grid-template-columns:minmax(0,1fr);grid-template-areas:"ad" "birim" "deger" "degisim" "cizgi";
    align-items:start;padding:13px 14px 0}
  .pp-birim{display:block;margin-top:1px}
  .pp-deger{margin-top:10px;font-size:21px}
  .pp-degisim{justify-self:start;margin-top:6px}
  .pp-cizgi{width:calc(100% + 28px);height:40px;margin:12px -14px 0}
  .pp-kart.bos .pp-birim{grid-area:birim;justify-self:start}
  .pp-izgara .iskelet{min-height:150px}
}
@container (min-width:1000px){
  .pp-deger{font-size:25px}
  .pp-cizgi{height:48px}
}
/* Kutu içinde (ana sayfa yan sütunu, Piyasalar sayfası) */
.pp-kutu .kutu-bas h2{font-family:var(--f-baslik);font-weight:700;font-size:19px;margin:0;line-height:1}
.pp-kutu .pp-durum{padding:10px 14px 0}
.pp-kutu .pp{padding:10px 12px 12px}
.pp-kutu .kutu-bag{margin-left:auto;font-size:13px;font-weight:600;color:var(--ikincil)}
.not-kucuk{font-size:11.5px;color:var(--soluk);margin-top:10px}

/* en çok okunanlar */
.encok ol{list-style:none;margin:0;padding:0;counter-reset:e}
.encok li{counter-increment:e;border-bottom:1px solid var(--cizgi)}
.encok li:last-child{border-bottom:0}
.encok li a{display:flex;gap:14px;padding:13px 16px;align-items:flex-start}
.encok li a::before{content:counter(e);font-family:var(--f-baslik);font-weight:700;font-size:34px;line-height:.85;color:var(--kirmizi);width:22px;flex:0 0 auto}
.encok .b-kucuk{font-size:16.5px}


/* fon tablosu */

/* ---------------------------------------------------------------- KATEGORİ SAYFASI */
.kat-bas{padding:26px 0 6px}
.kat-bas p{margin:6px 0 0;color:var(--ikincil)}
.kat-bas .bolum-bas{margin-bottom:0}
.kat-ust{display:grid;gap:18px;padding:12px 0 8px}
.kat-ust .etiket{margin:12px 0 8px}
.kat-ust .b-dev{font-size:30px}
.kat-ust p{color:var(--ikincil);margin:10px 0 0}
@media (min-width:1100px){
  .kat-ust{grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
  .kat-ust .b-dev{font-size:40px}
  .kat-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px}
}
.daha-yukle{margin:22px 0 8px}
.arama-kutu{display:flex;gap:8px;margin-top:14px}
.arama-kutu input{flex:1;min-width:0;height:48px;border:1.5px solid var(--cizgi-koyu);border-radius:99px;padding:0 18px;font-size:16px;outline:none}
.arama-kutu input:focus{border-color:var(--murekkep)}

/* ---------------------------------------------------------------- PİYASALAR SAYFASI */
.s-piyasalar .pp-kutu{margin:14px 0 10px;border-radius:14px;scroll-margin-top:20px}
.hisse-ara{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--cizgi)}
.hisse-ara input{flex:1;min-width:0;height:44px;border:1.5px solid var(--cizgi-koyu);border-radius:99px;padding:0 16px;font-size:16px;outline:none;text-transform:uppercase}
.hisse-ara input::placeholder{text-transform:none}
.hisse-ara input:focus{border-color:var(--murekkep)}

/* ---------------------------------------------------------------- HABER DETAYI */
.haber-duzen{padding-top:18px}
.haber-yan{display:none}
@media (min-width:1100px){
  .haber-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;padding-top:34px}
  .haber-yan{display:block}
  .haber-yan .yapiskan{top:14px}
}
.yol{font-size:12.5px;color:var(--soluk);display:flex;gap:6px;align-items:center;margin-bottom:14px}
.yol a{color:var(--ikincil);font-weight:600}
.yol a:hover{color:var(--murekkep)}
.h-baslik{font-size:33px;margin-top:12px}
.h-spot{font-size:18px;line-height:1.5;color:#3A4352;margin:14px 0 18px;font-weight:500;max-width:760px}
@media (min-width:768px){ .h-baslik{font-size:46px} .h-spot{font-size:21px} }
@media (min-width:1100px){ .h-baslik{font-size:54px} }
.imza{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;row-gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);margin-top:18px}
@media (min-width:768px){ .imza{grid-template-columns:auto minmax(0,1fr) auto} }
.imza .yazar-av{width:42px;height:42px;font-size:14px}
.imza .kim b{display:block;font-size:14.5px}
.imza .kim span{font-size:12.5px;color:var(--soluk)}
/* İmza metnin sonunda: metin genişliğinde durur, hemen altındaki beğen /
   kaydet çubuğuyla tek blok olur (iki çizgi üst üste binmesin). */
.govde + .imza{max-width:700px;margin-top:8px}
.imza + .eylem{margin-top:0;border-top:0}
.paylas{grid-column:1/-1;display:flex;gap:8px}
@media (min-width:768px){ .paylas{grid-column:auto} }
.paylas a,.paylas button{width:42px;height:42px;border-radius:99px;border:1px solid var(--cizgi-koyu);display:grid;place-items:center}
.paylas a:hover,.paylas button:hover{border-color:var(--murekkep)}
.paylas svg{width:17px;height:17px}
.paylas .paylas-wa{color:#128C4B}
.h-gorsel{margin:0 -16px 18px}
.h-gorsel .gorsel{border-radius:0}
.h-gorsel figcaption{font-size:12.5px;color:var(--soluk);padding:8px 16px 0;line-height:1.45}
@media (min-width:768px){ .h-gorsel{margin:0 0 22px} .h-gorsel .gorsel{border-radius:3px} .h-gorsel figcaption{padding:8px 0 0} }
.govde{font-size:18px;line-height:1.72;color:#1C2433;max-width:700px;margin-top:24px}
.govde p{margin:0 0 20px}
.govde h2{font-family:var(--f-baslik);font-weight:700;font-size:27px;line-height:1.1;margin:32px 0 12px;color:var(--murekkep)}
.govde blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:4px solid var(--murekkep);font-family:var(--f-baslik);font-weight:700;font-size:25px;line-height:1.2;color:var(--murekkep)}
.govde blockquote cite{display:block;font-family:var(--f-metin);font-style:normal;font-weight:500;font-size:13.5px;color:var(--soluk);margin-top:8px}
/* zengin metin: liste, önemli not, metin içi fotoğraf, bağlantı, hisse etiketi */
.govde ul,.govde ol{margin:0 0 22px;padding-left:24px}
.govde li{margin:0 0 8px;padding-left:4px}
.govde ul li::marker{color:var(--kirmizi)}
.govde ol li::marker{font-weight:700;color:var(--murekkep)}
.govde strong{font-weight:700;color:var(--murekkep)}
.govde a:not(.hisse-etiket){color:var(--murekkep);text-decoration:underline;text-decoration-color:var(--kirmizi);text-decoration-thickness:2px;text-underline-offset:3px}
.govde hr{border:0;height:1px;background:var(--cizgi);margin:32px 0}
.h-not{margin:26px 0;padding:14px 18px;border-radius:8px;background:var(--bant);border-left:4px solid var(--kirmizi)}
.h-not b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--kirmizi);margin-bottom:4px}
.h-not p{margin:0;font-size:17px}
.h-ic-gorsel{margin:28px 0}
.h-ic-gorsel img{display:block;width:100%;height:auto;border-radius:4px}
.h-ic-gorsel figcaption{padding:8px 0 0;font-size:13.5px;color:var(--soluk);line-height:1.45}
/* Video (YouTube). Sayfa açılırken oynatıcı yüklenmez: kapak + oynat
   düğmesi gelir, dokununca oynatıcı aynı yerde açılır (haber.js). Düğme
   turkuaz; YouTube kırmızısı sitenin renginde kullanılmıyor. */
.h-video{margin:28px 0}
.h-video figcaption{padding:8px 0 0;font-size:13.5px;color:var(--soluk);line-height:1.45}
.h-video.h-gorsel{margin:0 -16px 18px}
.h-video.h-gorsel figcaption{font-size:12.5px;padding:8px 16px 0}
.video-kutu{position:relative;aspect-ratio:16/9;background:var(--murekkep);border-radius:4px;overflow:hidden}
.h-video.h-gorsel .video-kutu{border-radius:0}
@media (min-width:768px){ .h-video.h-gorsel{margin:0 0 22px} .h-video.h-gorsel .video-kutu{border-radius:3px} .h-video.h-gorsel figcaption{padding:8px 0 0} }
.video-kutu iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-oynat{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.video-oynat img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}
.video-oynat img.yt{object-fit:cover}
.video-oynat img.dolgu{z-index:0;object-fit:cover;transform:scale(1.1);filter:blur(22px) saturate(1.25);opacity:.55}
.video-dugme{position:absolute;z-index:2;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--turkuaz);box-shadow:0 4px 18px rgba(11,18,32,.35);transition:background .15s,transform .15s}
.video-dugme::after{content:"";position:absolute;left:26px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.video-oynat:hover .video-dugme{background:var(--turkuaz-koyu);transform:scale(1.06)}
/* Kartlarda: videolu haberin küçük oynat işareti */
.gorsel .oynat-rozet{position:absolute;z-index:2;left:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(11,18,32,.72)}
.gorsel .oynat-rozet::after{content:"";position:absolute;left:13px;top:10px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}
/* YouTube kapağı 4:3 ve üstü/altı siyah bantlı gelir; 16:9 kartta "cover"
   bu bantları tam olarak keser. Kendi fotoğraflarımız kırpılmaz (contain). */
.gorsel img.yt{object-fit:cover}
.hisse-etiket{display:inline-block;padding:0 7px;border-radius:5px;background:var(--murekkep);color:#fff;font-size:.82em;font-weight:700;letter-spacing:.02em;line-height:1.6;vertical-align:1px;text-decoration:none}
.kaynak-not{font-size:14px;color:var(--ikincil);border-top:1px solid var(--cizgi);padding-top:12px;margin-top:6px}
.kaynak-not a{color:var(--ikincil);text-decoration:underline;text-underline-offset:2px}.eylem{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);max-width:700px;margin-top:26px}
.eylem button{height:44px;padding:0 15px;border-radius:99px;border:1px solid var(--cizgi-koyu);display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px}
.eylem button svg{width:18px;height:18px}
.eylem button.on{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.eylem button.on svg{fill:currentColor}
.eylem button:disabled{opacity:.55;cursor:default}
.eylem-paylas{margin-left:auto}
@media (min-width:768px){ .eylem-paylas{display:none!important} }
.yasal-uyari{font-size:12.5px;color:var(--soluk);line-height:1.55;margin:16px 0 0;max-width:700px}

/* yorumlar */
.yorumlar{margin-top:34px;max-width:700px}
.yorumlar .bolum-bas h2 span{font-family:var(--f-metin);font-weight:600;font-size:15px;color:var(--soluk)}
.yaz-kutu{border:1px solid var(--cizgi-koyu);border-radius:3px;background:var(--bant);padding:12px}
.yaz-kutu.giris{display:flex;gap:10px;align-items:center}
.yaz-kutu.giris span{flex:1;color:var(--ikincil);font-size:15px}
.yaz-kutu textarea{width:100%;border:0;background:transparent;resize:none;outline:none;font-size:16px;line-height:1.5;min-height:48px;padding:4px}
.yaz-alt{display:flex;align-items:center;gap:10px;margin-top:8px}
.yaz-alt small{color:var(--soluk);font-size:12px;margin-right:auto}
.yaz-alt .dugme{min-height:40px}
.yanit-kutu{margin:10px 0 4px}
.siralama{display:flex;gap:6px;margin:16px 0 4px}
.siralama button{height:36px;padding:0 13px;border-radius:99px;font-size:13px;font-weight:600;color:var(--ikincil)}
.siralama button.on{background:var(--murekkep);color:#fff}
.yorum{display:flex;gap:11px;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.yorum .yazar-av{background:#E3E6EB;color:var(--ikincil)}
.yorum .yazar-av.yz{background:var(--murekkep);color:#fff}
.yorum .ic{flex:1;min-width:0}
.yorum .kim{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:14px}
.yorum .kim b{font-weight:700}
.yorum .kim .etiket{font-size:9.5px;padding:3px 5px}
.yorum .kim time{color:var(--soluk);font-size:12.5px}
.yorum p{margin:6px 0 8px;font-size:15.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.yorum .ey{display:flex;gap:4px 16px;font-size:13px;color:var(--soluk);font-weight:600;flex-wrap:wrap}
.yorum .ey button{display:flex;gap:5px;align-items:center;min-height:36px}
.yorum .ey button:hover{color:var(--murekkep)}
.yorum .ey button.on{color:var(--kirmizi)}
.yorum .ey button.on svg{fill:currentColor}
.yorum .ey svg{width:15px;height:15px}
.yorum-yanitlar{margin-left:44px;border-left:2px solid var(--cizgi)}
.yorum-yanitlar .yorum{padding-left:14px;border-bottom:0;padding-top:10px;padding-bottom:10px}
.sabit{font-size:11px;font-weight:700;color:var(--kirmizi);letter-spacing:.05em;margin-bottom:2px}
.onayda-not{font-size:12px;color:#8A5A00;background:#FFF4E5;padding:2px 7px;border-radius:3px;font-weight:600}
.yorum-kapali{font-size:14px;color:var(--ikincil);padding:14px;border:1px solid var(--cizgi);border-radius:3px}

.ilgili{margin-top:36px}
.ilgili-izgara{display:grid}
.ilgili-izgara a{display:grid;grid-template-columns:minmax(0,1fr) 112px;column-gap:14px;align-content:start;padding:14px 0;border-bottom:1px solid var(--cizgi)}
.ilgili-izgara .gorsel{grid-column:2;grid-row:1/span 2;aspect-ratio:4/3}
.ilgili-izgara a > .etiket{grid-column:1;grid-row:1;justify-self:start;align-self:start;margin:0 0 7px}
.ilgili-izgara a > h3{grid-column:1;grid-row:2}
@media (min-width:768px){
  .ilgili-izgara{grid-template-columns:repeat(3,1fr);gap:22px}
  .ilgili-izgara a{display:block;padding:0;border-bottom:0}
  .ilgili-izgara .gorsel{aspect-ratio:16/9}
  .ilgili-izgara a > .etiket{margin:10px 0 7px}
  .ilgili-izgara .b-kucuk{font-size:19px}
}
.bos-sayfa{padding:60px 16px 80px;max-width:720px}
.bos-sayfa .b-dev{font-size:40px;margin:14px 0 12px}
.bos-sayfa p{color:var(--ikincil);font-size:17px;margin:0 0 22px}

/* ---------------------------------------------------------------- ALTBİLGİ */
.altbilgi{background:var(--murekkep);color:#C6CCD6;padding:34px 0 28px;font-size:13.5px;margin-top:26px}
.altbilgi .logo-b{display:inline-block;color:#fff}
.altbilgi .logo-b .logo-resim{height:34px;filter:invert(1)}
.altbilgi .slogan{margin:12px 0 22px;color:#9AA3B2;max-width:420px;line-height:1.55}
.ab-sutunlar{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:22px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ab-sutunlar h4{margin:0 0 10px;font-size:11.5px;letter-spacing:.08em;color:#fff}
.ab-sutunlar a{display:block;padding:6px 0;color:#C6CCD6}
.ab-sutunlar a:hover{color:#fff}
.yasal{font-size:11.5px;line-height:1.6;color:#8A93A3;margin:18px 0 0}
@media (min-width:1100px){
  .altbilgi-ust{display:grid;grid-template-columns:1.2fr 2fr;gap:40px}
  .ab-sutunlar{grid-template-columns:repeat(4,1fr);border-top:0;padding-top:0}
}

/* ---------------------------------------------------------------- ÇEKMECE MENÜ */
.perde{position:fixed;inset:0;background:rgba(11,18,32,.5);z-index:300;opacity:0;pointer-events:none;
  transition:opacity .3s cubic-bezier(.32,.72,0,1)}
.perde.on{opacity:1;pointer-events:auto}
/* Telefonda menü tam ekran açılır: dar çekmecede 30'dan fazla başlık ancak
   kaydırarak görülüyordu, yarım ekran da arkadaki sayfayı okunmaz kılıyordu.
   Tablet ve üstünde klasik yan çekmece olarak kalır. */
/* AÇILIŞ: yavaşlayarak yerine oturan bir eğri (sonu düz "ease"den yumuşak).
   Kapanış bilerek daha kısa: açarken göz hareketi izler, kapatırken kullanıcı
   çoktan gitmek istiyordur, uzun kapanış yavaş hissettirir. */
.cekmece{position:fixed;top:0;bottom:0;left:0;width:100vw;background:#fff;z-index:310;transform:translateX(-102%);
  transition:transform .26s cubic-bezier(.4,0,1,1);
  display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(11,18,32,.18)}
@media (min-width:700px){ .cekmece{width:min(86vw,380px)} }
.cekmece.on{transform:none;transition:transform .38s cubic-bezier(.32,.72,0,1)}
/* Koyu başlık şeridi; kapat düğmesi solda, logo yanında */
.cekmece-bas{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--murekkep);
  padding-top:calc(12px + env(safe-area-inset-top))}
.cekmece-bas .ikon{color:#fff;flex:0 0 auto;margin-left:-4px}
.cekmece-bas .ikon:hover{background:rgba(255,255,255,.12)}
/* Logo koyu renkli bir görsel: koyu şeritte kaybolmasın diye beyaza çevrilir */
.cekmece-bas .logo-resim{height:26px;filter:brightness(0) invert(1)}
.cekmece-ic{overflow-y:auto;padding:0 0 28px}
.cekmece h5{margin:18px 18px 6px;font-size:11px;letter-spacing:.1em;color:var(--soluk)}
.cekmece-ic a,.cekmece-ic button.oge{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 18px;font-size:16px;font-weight:600;text-align:left}
.cekmece-ic a:hover,.cekmece-ic button.oge:hover{background:var(--bant)}
.cekmece-ic a.on{color:var(--kirmizi)}
.cekmece-ic a span{color:var(--soluk);font-weight:400}
/* çekmecede ana başlıklar: açılınca sırayla kayarak gelir, alt başlıklar akordeon */
.cekmece .ck-tek,.cekmece .ck-grup{font-family:var(--f-baslik)}
/* Başlıklar arası ince ayraç: 30'a yakın satır ayraçsız tek blok gibi
   okunuyordu. Son öğede çizgi kalmasın. */
.cekmece .ck-tek,.cekmece .ck-grup{border-bottom:1px solid var(--cizgi)}
.cekmece .ck-grup:last-of-type{border-bottom:0}
.cekmece .ck-tek{font-size:18px;font-weight:700}
.ck-satir{display:flex;align-items:stretch}
.ck-satir > a{flex:1;font-size:18px!important;font-weight:700!important;position:relative}
.ck-satir > a::before,.cekmece .ck-tek::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--kirmizi);transform:scaleY(0);transition:transform .2s}
.cekmece .ck-tek{position:relative}
.ck-satir > a.on::before,.cekmece .ck-tek.on::before,.ck-satir > a:hover::before,.cekmece .ck-tek:hover::before{transform:scaleY(1)}
/* Dikey ayraç kaldırıldı: satırı ikiye bölüp listeyi parçalı gösteriyordu */
.ck-ac{width:52px;flex:0 0 52px;display:grid;place-items:center;color:var(--soluk)}
.ck-ac svg{width:18px;height:18px;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.ck-grup.acik .ck-ac svg{transform:rotate(180deg);color:var(--kirmizi)}
.ck-altlar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.2,.8,.2,1)}
.ck-grup.acik .ck-altlar{grid-template-rows:1fr}
.ck-altlar > div{overflow:hidden;background:var(--bant)}
.cekmece-ic .ck-altlar a{min-height:44px;padding-left:34px;font-family:var(--f-metin);font-size:15px;font-weight:500;color:#2A3342;opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s,background-color .15s}
.ck-grup.acik .ck-altlar a{opacity:1;transform:none}
.cekmece-ic .ck-altlar a.on{color:var(--kirmizi);font-weight:700}
/* çekmece: arama kutusu ve bildirim anahtarı */
/* Arama artık başlık şeridinin hemen altında, menünün ilk öğesi */
.ck-ara{display:flex;align-items:center;gap:8px;margin:12px 14px 6px;padding:0 14px;height:46px;border:1px solid var(--cizgi);border-radius:99px;background:var(--bant)}
.ck-ara svg{width:18px;height:18px;color:var(--soluk);flex:0 0 auto}
.ck-ara input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;outline:0}
.ck-bildirim[hidden]{display:none!important}
/* bildirim daveti (yalnızca ana ekrandan açılan uygulamada, bir kez) */
.bildirim-davet{display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:12px 10px 12px 14px;border:1px solid var(--cizgi);border-left:3px solid var(--kirmizi);border-radius:10px;background:#fff}
.bildirim-davet .bd-ikon{width:38px;height:38px;border-radius:99px;background:rgba(215,38,61,.1);color:var(--kirmizi);display:grid;place-items:center;flex:0 0 auto}
.bildirim-davet .bd-ikon svg{width:20px;height:20px}
.bildirim-davet .bd-metin{flex:1;min-width:0;line-height:1.35}
.bildirim-davet .bd-metin b{display:block;font-size:15px}
.bildirim-davet .bd-metin span{font-size:13px;color:var(--ikincil)}
.bildirim-davet .dugme{padding:0 16px;height:36px;min-height:0}
.bildirim-davet .ikon{width:36px;height:36px}
.bildirim-davet .ikon svg{width:18px;height:18px}
@media (min-width:768px){ .bildirim-davet{margin:16px 28px 0} }
.bildirim-adimlar{margin:4px 0 12px;padding-left:22px;line-height:1.55;font-size:15px}
.bildirim-adimlar li{margin:0 0 8px}

/* Bildirim teşhis penceresi — durum satırları ve servis hatası */
.teshis{margin:6px 0 2px;border-top:1px solid var(--cizgi)}
.teshis-satir{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:14px;
}
.teshis-satir span{color:var(--ikincil)}
.teshis-satir b{font-weight:700;text-align:right}
.teshis-hata{
  margin-top:10px;padding:10px 12px;border-radius:8px;
  background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;
  line-height:1.5;word-break:break-word;
}
.ck-anahtar{width:42px;height:24px;border-radius:99px;background:var(--cizgi-koyu);position:relative;transition:background .2s;flex:0 0 auto}
.ck-anahtar::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.ck-bildirim.acik .ck-anahtar{background:var(--kirmizi)}
.ck-bildirim.acik .ck-anahtar::after{transform:translateX(18px)}
.cekmece.on .ck-tek,.cekmece.on .ck-grup{animation:k-ck-gir .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 25ms + 60ms)}
@keyframes k-ck-gir{from{opacity:0;transform:translateX(-14px)}}

/* ---------------------------------------------------------------- ALT PENCERE (sheet) */
.pencere{position:fixed;z-index:410;background:#fff;left:0;right:0;bottom:0;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;
  transform:translateY(105%);transition:transform .25s ease;padding:8px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(11,18,32,.2)}
.pencere.on{transform:none}
.pencere:focus{outline:none}   /* pencerenin kendisi odak alır (erişilebilirlik), çerçeve görünmesin */
.pencere-perde{z-index:400}
.pencere .tutamak{width:40px;height:5px;border-radius:99px;background:var(--cizgi-koyu);margin:4px auto 14px}
.pencere h3{font-family:var(--f-baslik);font-weight:700;font-size:26px;margin:0 0 4px;line-height:1.05}
.pencere .alt-baslik{color:var(--ikincil);margin:0 0 16px;font-size:14.5px}
.pencere .kapat{position:absolute;right:10px;top:10px}
@media (min-width:768px){
  .pencere{left:50%;right:auto;bottom:auto;top:50%;width:440px;border-radius:14px;transform:translate(-50%,-46%);opacity:0;pointer-events:none;
    transition:transform .2s ease,opacity .2s;padding:22px 26px 26px}
  .pencere.on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}
  .pencere .tutamak{display:none}
}
.sekme-sec{display:flex;background:var(--bant);border-radius:99px;padding:4px;margin-bottom:18px}
.sekme-sec button{flex:1;height:40px;border-radius:99px;font-weight:600;font-size:14.5px;color:var(--ikincil)}
.sekme-sec button.on{background:#fff;color:var(--murekkep);box-shadow:0 1px 4px rgba(11,18,32,.12)}
.alan{margin-bottom:12px}
.alan label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:#3A4352}
.alan input,.alan select,.alan textarea{width:100%;height:48px;border:1.5px solid var(--cizgi-koyu);border-radius:10px;padding:0 14px;font-size:16px;outline:none;background:#fff}
.alan textarea{height:auto;padding:12px 14px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{border-color:var(--murekkep)}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#3A4352;margin:10px 0;line-height:1.45}
.onay input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--murekkep);flex:0 0 auto}
.hata-kutu{background:#FDECEE;color:#8C1526;border-radius:10px;padding:10px 13px;font-size:13.5px;margin-bottom:12px}
.pencere .dugme.tam{margin-top:6px;min-height:50px;font-size:15.5px}
.kucuk-not{font-size:12px;color:var(--soluk);margin:12px 0 0;line-height:1.5}
.secenekler button{display:flex;width:100%;min-height:50px;align-items:center;padding:0 14px;border:1px solid var(--cizgi);border-radius:10px;margin-bottom:8px;font-weight:600;text-align:left}
.secenekler button:hover{border-color:var(--murekkep)}
.arama-sonuc a{display:block;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.arama-sonuc .etiket.ince{display:block;margin-bottom:4px}

/* ---------------------------------------------------------------- SAYFA GEÇİŞ ANİMASYONLARI
   Sayfalar arası geçişte başlık, şerit ve alt menü yerinde durur; yalnızca
   içerik değişir. Masaüstünde yukarıdan hafif kayarak, telefonda sağdan
   kayarak (geri tuşunda soldan) gelir. Desteklemeyen tarayıcıda içerik
   yumuşakça belirir. "Hareketi azalt" ayarında hiçbiri çalışmaz. */
@view-transition{navigation:auto}
.serit{view-transition-name:k-serit}
.basbar{view-transition-name:k-basbar}
::view-transition-group(k-serit),::view-transition-group(k-basbar){animation:none}
::view-transition-old(k-basbar),::view-transition-new(k-basbar),
::view-transition-old(k-serit),::view-transition-new(k-serit){animation:none}
::view-transition-old(root){animation:k-cik .16s ease-in both}
::view-transition-new(root){animation:k-gir .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes k-cik{to{opacity:0;transform:translateY(-8px)}}
@keyframes k-gir{from{opacity:0;transform:translateY(14px)}}
@media (max-width:767px){
  ::view-transition-old(root){animation:k-cik-sol .2s ease-in both}
  ::view-transition-new(root){animation:k-gir-sag .3s cubic-bezier(.2,.8,.2,1) both}
  html:active-view-transition-type(geri)::view-transition-old(root){animation-name:k-cik-sag}
  html:active-view-transition-type(geri)::view-transition-new(root){animation-name:k-gir-sol}
}
@keyframes k-cik-sol{to{opacity:0;transform:translateX(-28px)}}
@keyframes k-gir-sag{from{opacity:0;transform:translateX(36px)}}
@keyframes k-cik-sag{to{opacity:0;transform:translateX(28px)}}
@keyframes k-gir-sol{from{opacity:0;transform:translateX(-36px)}}

/* view transition olmayan tarayıcılar (ör. Firefox): içerik belirsin */
@supports not (view-transition-name:a){ #icerik{animation:k-belir .35s ease both} }
@keyframes k-belir{from{opacity:0;transform:translateY(8px)}}

/* yüklenen içerik iskeletin yerine yumuşakça gelsin
   (piyasa satırları ve yorumlar düzenli yeniden çizildiği için dahil değil: titrerdi) */
.manset-kart,.mi-buyuk,.mi-yan > a,.mi-sira > a,.liste > a,.analizler > a,.bugun li,.encok li,
.kat-ust,.arama-sonuc a{animation:k-belir .38s ease both}
.liste > a:nth-child(2),.mi-yan > a:nth-child(2),.mi-sira > a:nth-child(2),.analizler > a:nth-child(2){animation-delay:.04s}
.liste > a:nth-child(3),.mi-yan > a:nth-child(3),.mi-sira > a:nth-child(3),.analizler > a:nth-child(3){animation-delay:.08s}
.liste > a:nth-child(n+4),.mi-yan > a:nth-child(4),.mi-sira > a:nth-child(4){animation-delay:.12s}

/* kartlara dokunma/üstüne gelme geri bildirimi */
.gorsel > img,.gorsel > svg{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover){
  a:hover > .gorsel > img:not(.dolgu),a:hover > .gorsel > svg{transform:scale(1.04)}
}
.liste > a,.manset-kart,.mi-yan > a,.mi-sira > a,.ilgili-izgara > a,.encok li a,.bugun li a,.analizler > a{transition:opacity .15s}
.liste > a:active,.manset-kart:active,.mi-yan > a:active,.mi-sira > a:active,.ilgili-izgara > a:active,.encok li a:active,.bugun li a:active,.analizler > a:active{opacity:.6}
.dugme,.ikon,.sekme{transition:background-color .15s,color .15s,transform .1s}
.dugme:active,.ikon:active{transform:scale(.96)}

/* yükleme çizgisi */
/* Sayfa geçişindeki yükleme çizgisi: kırmızıydı ve etrafına PEMBE parıltı
   saçıyordu (0 0 8px, %60). Her sayfa değişiminde ekranın tepesinde pembe
   bir şerit gibi beliriyordu. Turkuaza alındı, parıltı kaldırıldı. */
.yukleme-cizgisi{position:fixed;top:0;left:0;height:3px;width:0;background:var(--turkuaz);z-index:1000;pointer-events:none;opacity:0}
.yukleme-cizgisi.on{opacity:1;animation:k-ilerle 8s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes k-ilerle{0%{width:0}10%{width:35%}40%{width:65%}100%{width:92%}}

@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  /* animation-iteration-count EKSİKTİ: süre .01ms'ye indirilip tekrar sayısı
     sonsuz bırakılınca sürekli dönen animasyonlar DURMUYOR, saniyede yüzlerce
     kez baştan başlıyordu — "son dakika" noktası bu yüzden çılgınca yanıp
     sönüyordu. Tekrar sayısı 1 olunca animasyon bir kez akıp son karesinde
     kalır, yani gerçekten durur. */
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    animation-delay:0s!important;transition-duration:.01ms!important}
  .yukleme-cizgisi.on{animation:none;width:60%}
  /* Sürekli dönen süslemeler tek turda son karede donuk kalmasın: tamamen
     kapatılır. (Yukarıdaki kural olmadan bunlar saniyede yüzlerce kez
     baştan başlıyordu — göz yoran asıl sebep buydu.) */
  .iskelet{animation:none}
  .canli{animation:none;opacity:.85}
  /* Yükleniyor çarkı İŞLEVSEL bir göstergedir, süs değil: dönmeye devam eder. */
  .dugme .donen{animation-duration:.7s!important;animation-iteration-count:infinite!important}

  /* MENÜ ÇEKMECESİ — BİLEREK MUAF.
     Yukarıdaki genel kural bütün geçişleri 0,01 saniyeye indirdiği için
     çekmece kayarak değil ışınlanır gibi açılıyordu. Site sahibinin tercihi,
     "az hareket" açıkken de KAYARAK açılması yönünde. Sakıncası sınırlı:
     bu tek seferlik, başı sonu belli, işlevsel bir hareket — kuralın asıl
     hedeflediği sürekli dönen/yanıp sönen süslerden değil. Süreler normal
     durumdakiyle aynı tutuldu ki davranış her yerde aynı olsun. */
  .cekmece{transition:transform .26s cubic-bezier(.4,0,1,1)!important}
  .cekmece.on{transition:transform .38s cubic-bezier(.32,.72,0,1)!important}
  .perde{transition-duration:.3s!important}
}

/* bildirim */
.bildiri{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:var(--murekkep);color:#fff;
  padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:900;max-width:min(calc(100% - 32px),420px);width:max-content;text-align:center;line-height:1.4}
.bildiri.on{opacity:1;transform:translateX(-50%)}
.bildiri.kotu{background:var(--kirmizi)}
@media (min-width:1100px){ .bildiri{bottom:28px} }

/* canlı yenilemede yeni gelen haber kısa süre vurgulanır */
.liste a.satir.yeni-gelen{animation:yeni-gelen 2.4s ease-out}
@keyframes yeni-gelen{0%{background:#FDECEE;opacity:0;transform:translateY(-6px)}20%{opacity:1;transform:none}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){ .liste a.satir.yeni-gelen{animation:none} }

/* ---------------------------------------------------------------- EKONOMİK TAKVİM
   Satır: ● 14:00 — TCMB Faiz Kararı */
.tk-nokta{display:inline-block;width:10px;height:10px;border-radius:99px;flex:0 0 auto;vertical-align:1px}
.tk-n3{background:#D7263D;box-shadow:0 0 0 3px rgba(215,38,61,.16)}
.tk-n2{background:#F28C28;box-shadow:0 0 0 3px rgba(242,140,40,.16)}
.tk-n1{background:#AEB7C4}
.tk-liste{list-style:none;margin:0;padding:0}
.tk-oge{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;column-gap:8px;padding:11px 16px;border-top:1px solid var(--cizgi)}
.tk-oge:first-child{border-top:0}
.tk-zaman{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.tk-zaman b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;min-width:42px}
.tk-zaman small{font-size:11.5px;font-weight:600;color:var(--soluk);text-transform:uppercase;letter-spacing:.03em}
.tk-cizgi{color:var(--soluk)}
.tk-metin{min-width:0;line-height:1.35}
.tk-baslik{display:block;font-weight:700;font-size:15px;color:var(--murekkep)}
.tk-o3 .tk-baslik{font-weight:700}
.tk-metin small{display:block;margin-top:2px;font-size:12.5px;color:var(--ikincil)}
.tk-acik{color:var(--murekkep);font-weight:700}
.tk-oge.gecti .tk-zaman b,.tk-oge.gecti .tk-baslik{color:var(--soluk)}
.tk-oge.gecti .tk-nokta{opacity:.5;box-shadow:none}
.tk-oge.siradaki{background:linear-gradient(90deg,rgba(215,38,61,.07),transparent 70%)}
.tk-rozet{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:4px;background:var(--kirmizi);color:#fff;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.06em;vertical-align:2px}
.tk-kutu{padding:0;overflow:hidden}
.tk-ozet-bas{padding:10px 16px 8px;font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--soluk);text-transform:uppercase;border-bottom:1px solid var(--cizgi)}
.kutu-bag{font-size:13px;font-weight:600;color:var(--kirmizi)}
/* /takvim sayfası */
.tk-filtre{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 14px;padding:2px 16px}
.tk-filtre::-webkit-scrollbar{display:none}
.tk-filtre button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--cizgi);border-radius:99px;background:#fff;font-size:14px;font-weight:600;color:var(--ikincil)}
.tk-filtre button.on{background:var(--murekkep);border-color:var(--murekkep);color:#fff}
.tk-izgara{display:grid;gap:24px;align-items:start}
.tk-gun{margin:0 0 18px;border:1px solid var(--cizgi);border-radius:10px;overflow:hidden;background:#fff}
.tk-gun.bugun{border-color:var(--murekkep);box-shadow:0 0 0 1px var(--murekkep)}
.tk-gun.gecmis{opacity:.72}
.tk-gun-bas{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;padding:12px 16px;background:var(--bant);font-family:var(--f-baslik);font-size:18px;font-weight:700}
.tk-gun-bas small{font-family:var(--f-metin);font-size:12.5px;font-weight:600;color:var(--soluk)}
.tk-kaynak{margin:4px 0 24px;line-height:1.7}
.tk-kaynak .tk-nokta{margin:0 3px 0 8px}
.tk-tr{padding:0 0 8px}
.tk-tr-not{margin:0;padding:10px 16px 4px;font-size:13px;color:var(--ikincil);line-height:1.5}
@media (min-width:768px){ .tk-filtre{margin:0 0 16px;padding:2px 0;flex-wrap:wrap} }
@media (min-width:1100px){ .tk-izgara{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)} .tk-tr{position:sticky;top:14px} }

/* ana sayfa: daha fazla haber */
.daha-fazla{display:flex;width:100%;justify-content:center;margin:18px 0 6px;height:48px;border:1px solid var(--cizgi);border-radius:8px;background:#fff;font-weight:700;font-size:15px;color:var(--murekkep)}
.daha-fazla:hover{border-color:var(--murekkep)}
.daha-fazla:disabled{opacity:.6}
@media (min-width:768px){ .daha-fazla{grid-column:1/-1} }

/* çekmece: Mahluklar (editörün kendi yazıları) */
.cekmece-ic a.ck-mahluklar{justify-content:flex-start;gap:10px}
.cekmece-ic a.ck-mahluklar small{font-family:var(--f-metin);font-size:12px;font-weight:600;color:var(--turkuaz);letter-spacing:.02em}
.cekmece-ic a.ck-mahluklar span{margin-left:auto}
/* Tedavül Özel: sitenin kırmızısından ayrışsın diye turkuaz */
.sekme-mahluklar{color:var(--turkuaz)!important}
.sekme-mahluklar::after{background:var(--turkuaz)}
.cekmece-ic a.ck-mahluklar.on{color:var(--turkuaz)}

/* Çekmecenin üst hesap şeridi — alt menü kalktığı için giriş buradan da açılır */
.ck-hesap{display:flex;align-items:center;gap:10px;padding:4px 18px 12px;border-bottom:1px solid var(--cizgi);margin-bottom:2px}
/* "Kaydol" ve "Giriş yap" düğme olduğu hâlde ikincil renkte düz yazı gibi
   duruyordu — hiçbir çerçevesi, zemini ya da alt çizgisi yoktu. Altı
   çizilerek bağlantı gibi okunur hâle getirildi. */
.ck-hesap button{font-family:var(--f-metin);font-size:13.5px;font-weight:600;color:var(--ikincil);
  text-decoration:underline;text-decoration-color:var(--cizgi-koyu);text-underline-offset:3px;
  transition:color .15s,text-decoration-color .15s}
.ck-hesap button:hover,.ck-hesap button:focus-visible{color:var(--kirmizi);text-decoration-color:var(--kirmizi)}
.ck-hesap span{color:var(--cizgi-koyu)}

/* ---------------------------------------------------------------- SON DAKİKA GİZLİ (DENEME, 2026-09-23)
   Site sahibi görmek istedi: son dakika şeridi (her sayfada başlığın altı) ve
   ana sayfadaki "Son dakika" kutusu YALNIZCA GÖRÜNÜMDEN kaldırıldı.
   Kod bilerek duruyor: şeridin betiği her sayfa açılışında /api/son-dakika'yı
   çağırıyor — zamanlı haberler bu çağrıyla yayına alınıp bildirimleri
   gönderiliyor, yeni haber gelince ana sayfa ve Canlı Gündem bununla
   tazeleniyor. Betik silinseydi bunlar dururdu.
   GERİ ALMAK İÇİN: bu bloğu silmek yeterli. */
.sondakika,#sonDakikaKutu{display:none!important}
/* Kutunun yanındaki "En çok okunanlar" yarım genişlikte yalnız kalmasın */
@media (min-width:1100px){ body.s-ana .ana-ikili{grid-template-columns:minmax(0,1fr)} }