@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   İnternet Haber Portalı — yüksek tempolu ulusal yayın akışı.

   Güçlü sans tipografi, keskin çizgiler, kırmızı vurgu ve 970px net yayın
   ızgarası. Tasarım harici font, üçüncü taraf logo veya kopyalanmış varlık
   kullanmadan hızlı taranan genel haber sitesi ritmi kurar.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Kategori rengi: temanın imzası ────────────────────────────────────────
   Şablonlar rengi satır içi veriyor: style="--cat:{{ c.color }}". Kategoriye
   renk atanmamışsa değer BOŞ gelir (style="--cat:") — bu durumda değişken
   tanımlıdır ama boştur, dolayısıyla var(--cat, yedek) yedeği DEVREYE GİRMEZ.
   Çözüm: özelliği kaydediyoruz. Boş değer <color> sözdizimine uymaz →
   "computed-value time'da geçersiz" olur → inherits:true olduğu için üst
   öğeden, en tepede de kök --cat değerinden gelir. Böylece üç durum da çalışır:
     1) dolu   → kategorinin kendi rengi
     2) boş    → tema vurgusu (kök --cat)
     3) hiç yok→ tema vurgusu (kalıtım)
   initial-value var() kabul etmez; literal yalnız eski tarayıcı yedeğidir. */
@property --cat { syntax: "<color>"; inherits: true; initial-value: #cf2634 }

:root{
  /* Panel önayarlarının değiştirebildiği kanonik tema değişkenleri. */
  --ink:#101114;--muted:#5f6269;--soft:#666a72;--line:#dedfe2;
  --bg:#f3f3f4;--surface:#fff;
  --accent:#cf2634;
  --accent-ink:#a71925;--accent-ink:color-mix(in srgb,var(--accent) 78%,#000);
  --accent-soft:#fff0f1;--accent-soft:color-mix(in srgb,var(--accent) 9%,#fff);
  --danger:#cf2634;--premium:#9b6615;--ai:#6750a4;--ok:#278247;
  /* @property desteklemeyen tarayıcılar için taban değer */
  --cat:var(--accent);

  /* harici font/CDN yok — tek sistem sans yığını, serif hiç yok */
  --sans:Arial,"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:Arial,"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fs-body:16px;
  --fs-lead:40px;

  /* boşluk ölçeği — dikey ritim tek yerden yönetilsin */
  --s1:6px;--s2:10px;--s3:16px;--s4:24px;--s5:32px;--s6:52px;

  /* ölçü */
  --maxw:1000px;--wrap:var(--maxw);--rail:300px;--pad:15px;
  --r:2px;--r-sm:2px;--r-xs:2px;--pill:999px;

  /* gölge katmanları — çerçeve yerine derinlik kullanıyoruz */
  --sh1:none;
  --sh2:0 10px 28px rgba(16,17,20,.12);
  --sh3:0 18px 44px rgba(16,17,20,.18);
  --head-h:134px;
}

*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 12px)}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);
  font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
input,button,textarea,select{font:inherit;color:inherit}
/* Türkçe uzun bileşik sözcükler dar sütunu taşırıyor — başlıklarda kırılsın */
h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;overflow-wrap:anywhere;letter-spacing:-.022em}
ul,ol{list-style:none;padding:0}

/* erişilebilirlik: klavye odağı her tıklanabilir öğede görünsün */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}

/* ── temel yardımcılar ──────────────────────────────────────────────────── */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:860px}
.hidden{display:none}
.ph{background:linear-gradient(135deg,#DDE3ED 0%,#C7CFDD 100%);width:100%}
.empty{color:var(--muted);text-align:center;padding:var(--s6) 0;font-size:16.5px}

/* Sayfa gövdesi: main çoğu şablonda .wrap sınıfını da taşır, .wrap'in yatay
   dolgusu dikeyi sıfırlamasın diye uzun yazımla veriyoruz. */
main,main.wrap{padding-top:var(--s4);padding-bottom:var(--s6)}
.portal>*,main.narrow>*{margin-bottom:var(--s5)}
.portal>:last-child,main.narrow>:last-child{margin-bottom:0}
.portal>.crumbs{margin-bottom:var(--s3)}
.portal>.preview-banner,main.narrow>.preview-banner{margin-bottom:var(--s4)}

/* ═══════════════ SERVİS ŞERİDİ (en üst) ═══════════════
   Koyu ince şerit — beyaz masthead'i ve açık gri kanvası üstten çerçeveler. */
.svc{background:var(--ink);color:rgba(255,255,255,.72);font-size:12.5px}
.svc-in{display:flex;align-items:center;gap:var(--s4);min-height:36px}
.svc-date{font-weight:600;white-space:nowrap;color:rgba(255,255,255,.55)}
.svc-items{display:flex;align-items:center;gap:var(--s3);flex:1;min-width:0;overflow:hidden}
.svc-links{display:flex;align-items:center;gap:var(--s3);margin-left:auto;white-space:nowrap}
.svc-links a{display:inline-flex;align-items:center;min-height:36px;font-weight:600;transition:color .15s}
.svc a:hover{color:#fff}
.svc a:focus-visible{outline-color:#fff}
/* header_top bölgesindeki widget'lar (döviz/hava) şeride gömülü satır olur */
.svc-items .widget{margin:0;padding:0;background:none;box-shadow:none;border-radius:0;
  display:flex;align-items:center;gap:var(--s2)}
.svc-items .widget-title{display:none}
.svc-items .winterest{display:flex;flex-direction:row;gap:var(--s3);margin:0}
.svc-items .winterest li{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:0;border:0}
.svc-items .wi-n{color:rgba(255,255,255,.55)}
.svc-items .wi-v{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}

/* ═══════════════ MASTHEAD ═══════════════
   İki satır: (1) marka + arama  (2) tam genişlik ana menü.
   Menü öğeleri iri, KALIN ve normal yazımda — classic/magazine'in küçük
   versal menüsünden bilinçli ayrışma. */
.masthead{position:sticky;top:0;z-index:50;background:var(--surface);
  box-shadow:0 1px 0 var(--line),0 6px 20px rgba(12,20,36,.06)}
.mast-in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);min-height:60px}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:30px;font-weight:800;
  letter-spacing:-.04em;line-height:1;white-space:nowrap;margin-right:auto}
/* markanın yanındaki vurgu noktası — logosu olmayan sitede kimlik işareti */
.brand::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}

.mainnav{order:5;flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  border-top:1px solid var(--line);padding:5px 0 7px}
.nav-item{position:relative;display:inline-flex;align-items:center;border-radius:var(--pill)}
.mainnav>a,.nav-item>a{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;
  font-size:15px;font-weight:700;letter-spacing:-.01em;color:#2B3444;white-space:nowrap;
  border-radius:var(--pill);transition:background .15s,color .15s}
.mainnav>a:hover,.nav-item>a:hover{background:var(--accent-soft);color:var(--accent-ink)}
.has-sub>a::after{content:"▾";font-size:10px;color:var(--soft);line-height:1}
/* vurgulu menü öğesi — dolgulu kobalt hap */
.nav-hl{background:var(--accent)}
a.nav-hl,.nav-hl>a{color:#fff}
.nav-hl:hover{background:var(--accent-ink)}
a.nav-hl:hover,.nav-hl>a:hover{background:none;color:#fff}

/* alt menü — masaüstünde açılır kutu, klavyeyle de açılır */
.nav-sub{position:absolute;left:0;top:100%;z-index:60;min-width:210px;display:none;
  background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--sh3);
  padding:var(--s1);margin-top:2px}
.nav-item:last-child>.nav-sub{left:auto;right:0}
.has-sub:hover>.nav-sub,.has-sub:focus-within>.nav-sub{display:block}
.nav-sub a{display:block;padding:8px 12px;border-radius:var(--r-xs);font-size:14px;
  font-weight:600;color:#2B3444;white-space:nowrap;transition:background .15s,color .15s}
.nav-sub a:hover{background:var(--accent-soft);color:var(--accent-ink)}

/* hamburger — .on ile X'e döner */
.mnav-toggle{display:none;width:44px;height:44px;flex:none;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;
  border-radius:var(--r-sm)}
.mnav-toggle span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--ink);
  transition:transform .2s ease,opacity .15s ease}
.mnav-toggle.on span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.mnav-toggle.on span:nth-child(2){opacity:0}
.mnav-toggle.on span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* arama */
.search-toggle{display:none;width:44px;height:44px;flex:none;align-items:center;
  justify-content:center;background:var(--bg);border:0;border-radius:var(--r-sm);
  color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.search-toggle:hover{background:var(--accent-soft);color:var(--accent-ink)}
.searchbox input{width:210px;max-width:100%;height:42px;border:0;border-radius:var(--pill);
  background:var(--bg);padding:0 18px;font-size:14.5px}
.searchbox input:focus{outline:3px solid var(--accent);outline-offset:1px}

/* ═══════════════ SON DAKİKA TİCKER ═══════════════ */
.ticker{background:var(--surface);box-shadow:0 1px 0 var(--line)}
.ticker-in{position:relative;display:flex;align-items:center;gap:var(--s3);
  min-height:46px;overflow:hidden}
/* etiket şeridin üstünde durur: kayan başlıklar arkasından geçip maskelenir */
.tk-label{position:relative;z-index:2;flex:none;background:var(--danger);color:#fff;
  font-size:11.5px;font-weight:800;letter-spacing:.1em;padding:6px 12px;
  border-radius:var(--r-xs);white-space:nowrap}
.tk-label:hover{background:#B60C21}
/* Klasik kayan şerit: padding-left:100% içeriği sağ kenardan başlatır,
   translateX(-100%) kendi genişliği kadar sola taşır → boşluksuz döngü.
   Mutlak konum şart: flex öğesi olsaydı kutu daralır, öteleme miktarı şaşardı. */
.tk-track{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;
  gap:var(--s5);white-space:nowrap;padding-left:100%;
  animation:tkslide 38s linear infinite}
.tk-track a{font-size:14.5px;font-weight:600;color:#2B3444;transition:color .15s}
.tk-track a:hover{color:var(--danger)}
.ticker:hover .tk-track{animation-play-state:paused}
.ticker.is-paused .tk-track{animation-play-state:paused}
.tk-pause{position:relative;z-index:3;flex:none;margin-left:auto;border:1px solid var(--line);
  background:var(--surface);color:var(--muted);padding:6px 9px;font:700 11px/1 var(--sans);cursor:pointer}
.tk-pause:hover{border-color:var(--accent);color:var(--accent-ink)}
@keyframes tkslide{from{transform:translateX(0)}to{transform:translateX(-100%)}}

/* ═══════════════ MANŞET BANDI ═══════════════
   Çok geniş ve alçak (3.8:1). Görsel neredeyse tam kanvas; yazı alttaki kısa
   bir şeritte durur, görseli boğmaz. Numaralar SOLDA, görselin üstünde,
   dikey dizili — alt şerit yok. */
.hero{position:relative}
.hero-stage{position:relative;aspect-ratio:38/10;border-radius:var(--r);overflow:hidden;
  background:#0B1120;box-shadow:var(--sh2)}
.hs{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;
  transition:opacity .45s ease}
.hs.on{opacity:1;visibility:visible}
.hs img,.hs .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Alt başlık şeridi — solda numara sütununa yer bırakır.
   Blok akış (flex değil): -webkit-line-clamp yalnızca -webkit-box'ta çalışır,
   flex/grid çocuğu blokifiye edildiği için kırpma sessizce bozulurdu. */
.hs-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;
  padding:var(--s6) var(--s4) var(--s3) calc(var(--s3) + 58px);
  background:linear-gradient(to top,rgba(5,9,20,.94) 0%,rgba(5,9,20,.74) 48%,rgba(5,9,20,0) 100%)}
.hs-cap h2{font-size:clamp(19px,2.45vw,34px);font-weight:800;line-height:1.14;color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hs:hover h2{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.hs-flag{display:inline-flex;align-items:center;gap:6px;margin-bottom:var(--s2);
  font-size:11px;font-weight:800;letter-spacing:.1em;padding:5px 11px;
  border-radius:var(--r-xs);background:var(--accent);color:#fff}
.hs-brk{background:var(--danger)}
.hs-live{background:var(--danger)}

/* numaralı rozetler — aktif olan vurgu renginde dolu, diğerleri koyu/şeffaf */
.hero-dots{position:absolute;left:var(--s3);top:50%;transform:translateY(-50%);z-index:3;
  display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;
  max-height:calc(100% - var(--s4))} /* çok slayt varsa taşmasın, yana sarsın */
.hd{width:36px;height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:2px solid rgba(255,255,255,.34);background:rgba(9,14,26,.55);
  color:#fff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s}
.hd:hover{background:rgba(9,14,26,.85);border-color:#fff}
.hd.on{background:var(--accent);border-color:#fff;transform:scale(1.12);
  box-shadow:0 6px 18px rgba(20,73,240,.5)}
.hd:focus-visible{outline-color:#fff}

/* ═══════════════ MANŞET ALTI DÖRTLÜ ═══════════════
   Görsel üstte (16:9), altında beyaz alanda kalın-büyük iki satır başlık.
   Kategori etiketi yok: bu satırda başlık okunmalı. */
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
/* Blok akış: başlık -webkit-box olarak iki satıra kırpılabilsin (flex çocuğu
   blokifiye edilip kırpma bozuluyordu). Eşit yükseklik ızgaranın stretch'inden. */
.qd{display:block;background:var(--surface);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh1);transition:transform .18s ease,box-shadow .18s ease}
.qd:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.qd img,.qd .card-ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--line)}
.qd h3{margin:var(--s3);font-size:20px;font-weight:800;line-height:1.24;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qd:hover h3{color:var(--accent-ink)}

/* ═══════════════ BAŞLIK SÜTUNLARI ═══════════════
   Görselsiz, yoğun, hızlı taranan blok. Her sütun rengini kategoriden alır. */
.hl-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:var(--s3)}
.hl-col{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);
  padding:var(--s3);border-top:4px solid var(--cat)}
.hl-title{font-size:16px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--s2);
  color:var(--cat);color:color-mix(in srgb,var(--cat) 80%,#0B1220)}
.hl-title a:hover{text-decoration:underline;text-underline-offset:3px}
.hl-list li+li{border-top:1px solid var(--line);margin-top:9px;padding-top:9px}
.hl-list a{display:block;padding:9px 0;font-size:14.5px;font-weight:600;line-height:1.42;overflow-wrap:anywhere;
  display:block;transition:color .15s}
.hl-list a:hover{color:var(--accent)}

/* ═══════════════ BÖLÜM BAŞLIKLARI ═══════════════
   <span> ilk çocuk renkli dikey blok — classic'in yatay çizgisinden ayrışır. */
.sec{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);
  font-size:22px;font-weight:800;line-height:1.2}
.sec>span:first-child{flex:none;width:7px;height:25px;border-radius:4px;background:var(--cat)}
.sec a{transition:color .15s}
.sec>a:hover{color:var(--accent)}
.sec.big{font-size:clamp(26px,3.6vw,36px)}
.sec.big>span:first-child{width:9px;height:36px}
.sec-cat{align-items:center}
.sec-more{margin-left:auto;font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}
.sec-more:hover{text-decoration:underline;text-underline-offset:3px}

/* ═══════════════ ROZETLER ═══════════════ */
.kick{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;width:fit-content;background:var(--cat);
  color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  padding:4px 9px;border-radius:var(--r-xs);white-space:nowrap;transition:filter .15s}
a.kick:hover{filter:brightness(.88)}
.kick-breaking{background:var(--danger)}
.kick-premium{background:var(--premium)}
.kick-ai{background:var(--ai)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s1)}
.chip{display:inline-flex;align-items:center;gap:6px;width:fit-content;background:var(--cat);
  color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  padding:5px 12px;border-radius:var(--pill);white-space:nowrap;transition:filter .15s}
a.chip:hover{filter:brightness(.88)}
.chip-live{background:var(--danger)}
.chip-gallery{background:#0E7490}

/* ═══════════════ DÜZEN: ANA SÜTUN + RAY ═══════════════ */
.p-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);
  gap:var(--s5);align-items:start}
.p-cols>*{min-width:0}
.p-main{min-width:0;display:flex;flex-direction:column;gap:var(--s5)}
.p-rail{position:sticky;top:calc(var(--head-h) + var(--s3));
  display:flex;flex-direction:column;gap:var(--s3)}
/* Sütun yönlü flex, çocuğun geniş içeriğini (yatay kart şeridi, tablo) satır
   genişliğine yansıtıp kabı taşırıyor — çapraz eksende sınırla. */
.p-main>*,.p-rail>*,.p-rail-low>*{min-width:0;max-width:100%}
.p-rail-low{display:flex;flex-direction:column;gap:var(--s3)}
.p-rail-low:empty{display:none}
.rail-box{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);padding:var(--s3)}
.rail-title{font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--s2);
  padding-bottom:var(--s2);border-bottom:2px solid var(--accent)}
/* çok okunanlar — iri numara, hizalı sütun */
.rank li{display:grid;grid-template-columns:30px 1fr;gap:var(--s2);align-items:baseline;
  padding:9px 0}
.rank li+li{border-top:1px solid var(--line)}
.rank-n{font-size:20px;font-weight:800;line-height:1;color:var(--accent);
  font-variant-numeric:tabular-nums}
.rank a{display:block;padding:8px 0;font-size:14.5px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;transition:color .15s}
.rank a:hover{color:var(--accent)}

/* ═══════════════ KARTLAR VE LİSTELER ═══════════════ */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s3)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

.card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh1);transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.card img,.card .card-ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--line)}
.card-b{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);
  padding:var(--s3);flex:1}
.card-b h3{font-size:17.5px;font-weight:800;line-height:1.28}
.card:hover h3{color:var(--accent-ink)}
.card-b time{margin-top:auto;font-size:12px;color:var(--soft)}

/* son haberler — yatay satır kartı */
.feed{min-width:0}
.list{display:flex;flex-direction:column;gap:var(--s2)}
.row-card{display:grid;grid-template-columns:220px 1fr;gap:var(--s3);background:var(--surface);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1);
  transition:transform .18s ease,box-shadow .18s ease}
.row-card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.row-card img,.row-card .card-ph{width:100%;height:100%;min-height:140px;object-fit:cover;background:var(--line)}
.row-b{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);
  justify-content:center;padding:var(--s3) var(--s3) var(--s3) 0}
.row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
.row-meta time{font-size:12px;color:var(--soft)}
.row-b h3{font-size:21px;font-weight:800;line-height:1.26}
.row-card:hover h3{color:var(--accent-ink)}
/* Spot iki satırda kesilir. .row-b flex olduğu için -webkit-box kırpması
   geçersiz — yükseklik sınırıyla kırpıyoruz (satır yüksekliği × 2). */
.row-b p{font-size:14.5px;color:var(--muted);line-height:1.55;
  max-height:3.1em;overflow:hidden}

/* kaçırmayın şeridi */
.strip{min-width:0}
.strip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.strip-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh1);transition:transform .18s ease,box-shadow .18s ease}
.strip-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.strip-card img,.strip-card .card-ph{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--line)}
.strip-card h3{flex:1;padding:var(--s3);font-size:16.5px;font-weight:800;line-height:1.28}
.strip-card:hover h3{color:var(--accent-ink)}

/* kategori blokları */
.catsec{min-width:0}
.catsec-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s3);align-items:start}
.cat-lead{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);
  overflow:hidden;box-shadow:var(--sh1);transition:transform .18s ease,box-shadow .18s ease}
.cat-lead:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.cat-lead img,.cat-lead .card-ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--line)}
.cat-lead h3{padding:var(--s3) var(--s3) var(--s1);font-size:22px;font-weight:800;line-height:1.24}
.cat-lead:hover h3{color:var(--accent-ink)}
.cat-lead p{padding:0 var(--s3) var(--s3);font-size:14.5px;color:var(--muted);line-height:1.55}
.cat-list{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);padding:0 var(--s3)}
.cat-item{display:grid;grid-template-columns:78px 1fr;gap:var(--s2);align-items:center;padding:var(--s2) 0}
.cat-item+.cat-item{border-top:1px solid var(--line)}
.cat-item img,.cat-item .ph{width:78px;height:58px;object-fit:cover;border-radius:var(--r-xs);background:var(--line)}
.cat-item span{font-size:14.5px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.cat-item:hover span{color:var(--accent)}

/* foto galeri + video kartları — dikey görsel, üstüne binen başlık */
.gal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}
.gal-card{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:#0B1120;
  box-shadow:var(--sh1);transition:transform .18s ease,box-shadow .18s ease}
.gal-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.gal-card img,.gal-card .card-ph{width:100%;aspect-ratio:3/4;object-fit:cover;opacity:.9;
  transition:opacity .2s ease,transform .3s ease}
.gal-card:hover img{opacity:1;transform:scale(1.04)}
.gal-badge{position:absolute;left:10px;top:10px;font-size:11.5px;z-index:2;background:rgba(11,17,32,.8);color:#fff;
  font-size:10px;font-weight:800;letter-spacing:.07em;padding:4px 9px;border-radius:var(--r-xs)}
.gal-card h3{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:var(--s5) var(--s3) var(--s3);
  color:#fff;font-size:16px;font-weight:800;line-height:1.28;
  background:linear-gradient(to top,rgba(5,9,20,.94),rgba(5,9,20,0))}
.vid-card img,.vid-card .card-ph{aspect-ratio:16/9}
.play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:2;
  width:54px;height:54px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);font-size:19px;padding-left:4px;
  transition:transform .2s ease,background .2s ease}
.vid-card:hover .play{background:var(--accent);color:#fff;transform:translate(-50%,-50%) scale(1.1)}

/* canlı yayın kartları */
.live-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--s3)}
.live-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);
  background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);
  border-left:5px solid var(--danger);padding:var(--s3);
  transition:transform .18s ease,box-shadow .18s ease}
.live-card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;
  letter-spacing:.1em;color:var(--danger)}
.live-badge .live-dot{background:var(--danger)}
.live-card h3{font-size:17px;font-weight:800;line-height:1.28}
.live-more{margin-top:auto;font-size:13px;font-weight:700;color:var(--accent)}
.live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#fff;
  animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}

/* Anasayfa sonlu kalır; kronolojik arşive gerçek bağlantı crawler ve klavye ile erişilir. */
.feed-all{display:flex;justify-content:flex-end;margin-top:var(--s3)}
.feed-all a{font-size:13px;font-weight:700;color:var(--accent)}
.feed-all a:hover{text-decoration:underline;text-underline-offset:3px}

/* ═══════════════ KATEGORİ SAYFASI ═══════════════ */
.cat-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}
.cat-head h1.sec{padding-left:0;border-left:0}
.cat-head h1{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.1;
  padding-left:var(--s3);border-left:8px solid var(--cat)}
.cat-desc{color:var(--muted);font-size:16px;line-height:1.6;max-width:70ch}
.cat-chips{display:flex;flex-wrap:wrap;gap:var(--s1);margin-top:var(--s1)}
.cat-chips a,.chip-cur{display:inline-flex;align-items:center;padding:7px 15px;border-radius:var(--pill);
  font-size:13.5px;font-weight:700;background:var(--surface);color:#2B3444;box-shadow:var(--sh1);
  transition:background .15s,color .15s}
.cat-chips a:hover{background:var(--accent-soft);color:var(--accent-ink)}
.chip-cur{background:var(--cat);color:#fff}
.author-head{gap:var(--s2)}

.cat-hero{display:grid;grid-template-columns:1.15fr .85fr;background:var(--surface);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--sh1);
  transition:transform .18s ease,box-shadow .18s ease}
.cat-hero:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.cat-hero img,.cat-hero .card-ph{width:100%;height:100%;min-height:290px;object-fit:cover;background:var(--line)}
.ch-b{display:flex;flex-direction:column;gap:var(--s2);justify-content:center;padding:var(--s4)}
.ch-b h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.18}
.cat-hero:hover h2{color:var(--accent-ink)}
.ch-b p{font-size:15px;color:var(--muted);line-height:1.6}
.ch-b time{font-size:12.5px;color:var(--soft)}

/* ═══════════════ HABER DETAYI ═══════════════ */
.read-progress{position:fixed;left:0;right:0;top:0;z-index:80;height:3px;background:transparent}
.read-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}
.preview-banner{background:#FEF3C7;color:#8A5A00;border-radius:var(--r-sm);
  padding:var(--s2) var(--s3);font-size:14px;font-weight:700}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12.5px;color:var(--soft)}
.crumbs a{color:var(--muted);transition:color .15s}
.crumbs a:hover{color:var(--accent)}
.crumb-cur{color:var(--ink);font-weight:700}

.post{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);
  padding:var(--s5) var(--s5) var(--s6)}
.post-head{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}
.post-head h1{font-size:clamp(27px,3.6vw,42px);font-weight:800;line-height:1.11}
.spot{font-size:19px;line-height:1.55;color:#333C4C;font-weight:500}
.meta{font-size:13.5px;color:var(--soft)}
.dateline{font-size:13.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);margin-bottom:var(--s2)}
.agency{font-weight:700;color:#39424F}
.updated{color:var(--danger);font-weight:600}

/* künye — solda ad/tarih, sağda yazı boyutu düğmesi */
.byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s1);
  padding:var(--s2) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.byline-name{font-size:15px;font-weight:800}
.byline-name a:hover{color:var(--accent)}
.byline-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12.5px;color:var(--soft);line-height:1.5}
.byline .dot{opacity:.5}

/* paylaşım — hap düğmeler */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1)}
.share-label{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sh{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 15px;border:0;
  border-radius:var(--pill);background:var(--bg);color:#39424F;font-size:13px;font-weight:700;
  cursor:pointer;transition:background .15s,color .15s,transform .15s}
.sh:hover{transform:translateY(-1px);background:var(--accent-soft);color:var(--accent-ink)}
.sh-x:hover{background:#111;color:#fff}
.sh-wa:hover{background:#25D366;color:#08351A}
.sh-fb:hover{background:#1877F2;color:#fff}
.sh-tg:hover{background:#229ED9;color:#fff}
.sh-copy:hover{background:var(--accent);color:#fff}
.sh-font{margin-left:auto;font-weight:800;min-width:44px;justify-content:center}

.hero-fig{margin:0 0 var(--s4)}
.hero-fig figcaption{margin-top:8px;font-size:12.5px;color:var(--soft);line-height:1.55}
.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--line)}

/* gövde metni — tamamen sans, iri ve ferah */
.prose{font-size:17.5px;line-height:1.72;color:#1B2331}
.prose p{margin:0 0 var(--s3)}
.prose>:last-child{margin-bottom:0}
.prose h2,.prose h3{margin:var(--s5) 0 var(--s2);font-weight:800;line-height:1.22}
.prose h2{font-size:25px}
.prose h3{font-size:20.5px}
.prose a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--accent)}
.prose ul,.prose ol{margin:0 0 var(--s3);padding-left:22px}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin-bottom:6px}
.prose figure{margin:var(--s4) 0}
.prose figcaption{margin-top:7px;font-size:13px;color:var(--soft);line-height:1.55}
.prose blockquote{margin:var(--s4) 0;padding:var(--s2) var(--s3);border-left:5px solid var(--accent);
  background:var(--accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:19px;font-weight:600;line-height:1.5;color:#25303F}
.prose pre{max-width:100%;overflow-x:auto;padding:var(--s3);border-radius:var(--r-sm);
  background:#0F172A;color:#E2E8F0;font-size:13.5px;line-height:1.6}
.prose code{overflow-wrap:anywhere;font-size:.94em}
.prose :not(pre)>code{padding:2px 5px;border-radius:4px;background:var(--bg);color:var(--accent-ink)}
.prose img{width:100%;height:auto;border-radius:var(--r-sm)}
.prose iframe,.prose video{max-width:100%;border-radius:var(--r-sm)}
.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 var(--s3);font-size:15px}
.prose th,.prose td{border:1px solid var(--line);padding:9px 11px;text-align:left}
.prose hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0}
.prose .src-note{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);
  font-size:13.5px;color:var(--muted)}
.prose .src-note a{color:var(--accent)}
.prose.fs-lg{font-size:19.5px}
.prose.fs-xl{font-size:22px;line-height:1.78}

/* etiketler */
.tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-top:var(--s4)}
.tags-label{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soft);margin-right:4px}
.tag{display:inline-flex;padding:6px 14px;border-radius:var(--pill);background:var(--accent-soft);
  color:var(--accent-ink);font-size:13.5px;font-weight:700;transition:background .15s,color .15s}
.tag:hover{background:var(--accent);color:#fff}

/* önceki / sonraki */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-top:var(--s5)}
.pn-item{display:flex;flex-direction:column;gap:5px;padding:var(--s3);background:var(--bg);
  border-radius:var(--r-sm);transition:background .15s}
.pn-item:hover{background:var(--accent-soft)}
.pn-next{text-align:right}
.pn-lbl{font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.pn-title{font-size:15.5px;font-weight:700;line-height:1.32;overflow-wrap:anywhere}
.related{margin-top:var(--s5)}
/* haber içi anket — akışı kesmesin diye vurgu şeritli kutu */
.post-poll{margin:var(--s5) 0;padding:var(--s4);background:var(--bg);border-radius:var(--r);
  border-top:4px solid var(--accent)}
.post-poll .widget{margin:0;padding:0;background:none;box-shadow:none}

/* ═══════════════ GALERİ ═══════════════ */
.gallery{margin-top:var(--s5)}
.gallery-post .post-head{gap:var(--s2)}
.gitem{margin:0 0 var(--s4);scroll-margin-top:calc(var(--head-h) + 16px)}
.gallery-full .gitem{margin-bottom:var(--s5)}
.gitem img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-sm);background:var(--line)}
.gitem figcaption{display:flex;flex-direction:column;gap:3px;padding-top:var(--s2);
  font-size:14px;color:var(--muted);line-height:1.6}
.gitem b{font-size:16.5px;font-weight:800;color:var(--ink)}
.gnum{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--accent)}
.credit{font-size:12.5px;color:var(--soft);font-style:normal}

/* ═══════════════ CANLI YAYIN AKIŞI ═══════════════ */
.live-post .post-head{gap:var(--s2)}
.live-updated{color:var(--danger);font-weight:700}
.live-feed{margin-top:var(--s5)}
.live-item{display:grid;grid-template-columns:104px 1fr;gap:var(--s3);padding:var(--s3) 0;
  border-top:1px solid var(--line)}
.live-time{font-size:12.5px;font-weight:800;color:var(--soft);padding-top:3px}
.live-body h3{font-size:18.5px;font-weight:800;line-height:1.28;margin-bottom:var(--s1)}
.live-body p{color:#1B2331;line-height:1.7}
.live-body img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);margin:var(--s2) 0}
.live-author{display:block;margin-top:var(--s1);font-size:12px;color:var(--soft)}
/* öne çıkarılan gelişme — kırmızı zeminli kutu */
.live-hl .live-body{background:#FFF1F2;border-left:4px solid var(--danger);
  border-radius:0 var(--r-sm) var(--r-sm) 0;padding:var(--s3)}
.live-new{animation:slidein .4s ease-out}
@keyframes slidein{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ═══════════════ ÖDEME DUVARI ═══════════════
   Kilitli gövde okunabilir bir teaser bırakacak kadar kırpılır, altına zemine
   karışan maske biner. (.paywalled görsel taşımaz; LD+JSON eşleşmesi için.) */
.prose-cut{position:relative;max-height:420px;overflow:hidden}
.prose-cut::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.85) 45%,var(--surface))}
.paywall-box{display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center;
  margin-top:var(--s4);padding:var(--s5) var(--s4);border-radius:var(--r);
  background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%);
  box-shadow:inset 0 0 0 2px var(--accent)}
.paywall-badge{background:var(--premium);color:#fff;font-size:10.5px;font-weight:800;
  letter-spacing:.09em;padding:5px 11px;border-radius:var(--r-xs)}
.paywall-box h2{font-size:25px;font-weight:800;line-height:1.2}
.paywall-box p{max-width:54ch;font-size:15px;color:var(--muted);line-height:1.6}
.paywall-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s2);
  width:100%;max-width:640px;margin-top:var(--s2)}
.paywall-plan{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3);text-align:center;
  background:var(--surface);border-radius:var(--r-sm);box-shadow:var(--sh1);transition:transform .15s}
.paywall-plan:hover{transform:translateY(-3px)}
.paywall-plan b{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.pp-price{font-size:28px;font-weight:800;line-height:1.1}
.pp-price i{font-style:normal;font-size:13px;font-weight:700;color:var(--soft)}
.pp-desc{font-size:13px;color:var(--muted);line-height:1.5}
.paywall-cta{margin-top:var(--s2);padding:14px 42px;border-radius:var(--pill);background:var(--accent);
  color:#fff;font-size:15.5px;font-weight:800;transition:background .15s}
.paywall-cta:hover{background:var(--accent-ink)}
.paywall-login{font-size:13.5px;color:var(--soft)}
.paywall-login a{color:var(--accent-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}

/* ═══════════════ OKUR YORUMLARI ═══════════════ */
.comments-box{margin-top:var(--s5)}
.cmt-count{font-size:14px;font-weight:600;color:var(--soft);letter-spacing:0}
.cmt-form{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3);
  background:var(--bg);border-radius:var(--r)}
.cmt-form input[type=text],.cmt-form textarea{width:100%;border:0;border-radius:var(--r-sm);
  background:var(--surface);padding:11px 13px;font-size:15px;line-height:1.6;box-shadow:var(--sh1)}
.cmt-form textarea{resize:vertical;min-height:92px}
.cmt-name{max-width:300px}
/* yanıt kipi şeridi — form kimin yorumuna yazdığınızı hatırlatsın */
.cmt-replying{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--s1);padding:5px 5px 5px 13px;border-radius:var(--r-sm);
  background:var(--accent-soft);color:var(--accent-ink);font-size:13px}
/* display:flex `hidden` niteliğini ezdiği için gizleme kuralını geri veriyoruz */
.cmt-replying[hidden]{display:none}
.cmt-replying span{min-width:0;font-weight:700;overflow-wrap:anywhere}
.cmt-replying button{min-height:32px;padding:0 10px;background:none;border:0;cursor:pointer;
  font-size:12.5px;font-weight:700;color:var(--accent-ink);text-decoration:underline;
  text-underline-offset:2px;transition:color .15s}
.cmt-replying button:hover{color:var(--ink)}
.cmt-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2)}
.cmt-hint{font-size:12.5px;color:var(--soft)}
.cmt-actions button{padding:11px 26px;border:0;border-radius:var(--pill);background:var(--accent);
  color:#fff;font-size:14.5px;font-weight:800;cursor:pointer;transition:background .15s}
.cmt-actions button:hover{background:var(--accent-ink)}
.cmt-msg{margin-top:var(--s2);padding:10px 14px;border-radius:var(--r-sm);font-size:14px;font-weight:600}
.cmt-msg:empty{display:none}
.cmt-msg.ok{background:#E7F8EE;color:var(--ok)}
.cmt-msg.err{background:#FFECEE;color:#B60C21}
.cmt-list{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s4)}
.cmt{display:grid;grid-template-columns:40px 1fr;gap:var(--s2);align-items:start}
.cmt-av{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);
  font-size:17px;font-weight:800;text-transform:uppercase}
.cmt-b{min-width:0;padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--bg)}
.cmt-n{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;font-weight:800;margin-bottom:2px}
.cmt-n span{font-size:12px;font-weight:400;color:var(--soft)}
.cmt-b p{font-size:15px;line-height:1.65;color:#1B2331;overflow-wrap:anywhere}
/* eylem satırı — dokunma hedefleri komşusuyla çakışmasın diye boşluk geniş */
.cmt-acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:5px}
.cmt-like,.cmt-replybtn{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:0 8px;margin:0 -8px;
  background:none;border:0;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--soft);
  transition:color .15s}
.cmt-like:hover,.cmt-replybtn:hover{color:var(--accent)}
/* sayı JS ile yerinde güncelleniyor: tabular rakam düğmenin enini sabit tutar */
.cmt-like b{color:var(--muted);font-weight:800;font-variant-numeric:tabular-nums}
.cmt-like:hover b{color:var(--accent)}
.cmt-replying button:focus-visible,.cmt-like:focus-visible,.cmt-replybtn:focus-visible{outline-offset:1px}
/* Yanıtlar üst yorumun kardeşi olarak basılıyor — aidiyet girinti + sol çizgi ile anlatılıyor */
.cmt-reply{grid-template-columns:32px 1fr;margin:calc(var(--s2) - var(--s3)) 0 0 var(--s4);
  padding-left:var(--s3);border-left:3px solid var(--line)}
.cmt-reply .cmt-av{width:32px;height:32px;font-size:14px}
.cmt-empty{text-align:center;padding:var(--s4) 0;font-size:14.5px;color:var(--muted)}

/* Alt menü taşması: sondan ikinci öğe de sağa hizalansın, dar ekranda genişliği sınırla. */
.nav-item:nth-last-child(2)>.nav-sub{left:auto;right:0}
.nav-sub{max-width:calc(100vw - 2*var(--pad))}

/* Yazar dairesi — künyede adın baş harfi (kardeş temalarda vardı, portalde eksikti). */
.author-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent-soft);
  color:var(--accent-ink);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}
.sh-li:hover{background:#0A66C2;color:#fff}
/* Haber sonu paylaşım çubuğu */
.share-bottom{margin:var(--s4) 0 var(--s3);padding-top:var(--s3);border-top:1px solid var(--line)}

/* Ekran okuyucular için "içeriğe geç" bağlantısı — odaklanınca görünür. */
.skip{position:absolute;left:-9999px;top:0;z-index:200}
.skip:focus{left:var(--pad);top:var(--pad);padding:10px 16px;border-radius:var(--r-sm);
  background:var(--accent);color:#fff;font-weight:700}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important}

@media (hover:none){
  /* Dokunmalı cihazda paylaş düğmeleri ve "Tümü →" bağlantıları parmakla vurulacak boyutta olsun. */
  .sh{min-height:44px}
  .sec-more{min-height:44px;display:inline-flex;align-items:center}
}

/* ═══════════════ HESABIM KARTI ═══════════════ */
.acc-card{padding:var(--s4);background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1)}
.acc-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:var(--s2);font-size:15px;padding:10px 0;border-bottom:1px solid var(--line)}
.acc-row:last-of-type{border-bottom:0}
.acc-row span{color:var(--muted)}
.acc-ok{color:var(--ok)}
.acc-no{color:var(--danger)}
.acc-hint{margin:var(--s3) 0;font-size:14.5px;color:var(--muted);line-height:1.55}
.acc-logout{margin-top:var(--s2)}
.acc-logout button{padding:11px 22px;border:0;border-radius:var(--pill);background:var(--bg);
  color:var(--muted);font-size:14.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.acc-logout button:hover{background:#FFECEE;color:var(--danger)}

/* ═══════════════ YAZARLAR ═══════════════ */
.author-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s3)}
.author-card{display:flex;flex-direction:column;align-items:center;gap:var(--s1);text-align:center;
  padding:var(--s4) var(--s2);background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);
  transition:transform .18s ease,box-shadow .18s ease}
.author-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.author-card img{width:94px;height:94px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;background:var(--bg)}
.author-card h3{margin-top:var(--s1);font-size:16.5px;font-weight:800;line-height:1.28}
.author-card:hover h3{color:var(--accent-ink)}
/* fotoğrafı yoksa baş harf dairesi */
.author-ph{width:94px;height:94px;flex:none;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);
  font-size:36px;font-weight:800;line-height:1;text-transform:uppercase}
.author-ph-sm{width:58px;height:58px;font-size:22px}
.author-role{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--soft)}
.author-list{display:flex;flex-direction:column;gap:var(--s2)}
.author-row{display:grid;grid-template-columns:58px 1fr;gap:var(--s3);align-items:center;
  padding:var(--s2) var(--s3);background:var(--surface);border-radius:var(--r-sm);
  box-shadow:var(--sh1);transition:transform .15s ease,box-shadow .15s ease}
.author-row:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.author-row img{width:58px;height:58px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;background:var(--bg)}
.author-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.author-row b{font-size:16px;font-weight:800;line-height:1.28}
.author-row:hover b{color:var(--accent-ink)}
.author-row p{font-size:13.5px;color:var(--muted);line-height:1.5}

/* ═══════════════ BURÇLAR ═══════════════ */
.page-head{display:flex;flex-direction:column;gap:var(--s1)}
.page-head h1{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.12}
.page-sub{color:var(--muted);max-width:66ch}
.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s3)}
.zodiac-card{display:flex;flex-direction:column;align-items:center;gap:var(--s1);text-align:center;
  padding:var(--s3) var(--s2);background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);
  transition:transform .18s ease,box-shadow .18s ease}
.zodiac-card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.zodiac-icon{display:block;font-size:32px;line-height:1}
.zodiac-icon-lg{font-size:54px}
.zodiac-card h3{font-size:17px;font-weight:800;line-height:1.24}
.zodiac-dates{font-size:12px;color:var(--soft);line-height:1.4}
/* element rozeti — Türkçe sınıf adları için attribute seçici (kodlamaya dayanıklı) */
.zodiac-el{padding:4px 10px;font-size:11.5px;border-radius:var(--pill);background:var(--bg);color:var(--muted);
  font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.zodiac-el[class*="-ate"]{background:#FFEDE4;color:#B4460B}
.zodiac-el[class*="-toprak"]{background:#EFF5E5;color:#4F6B21}
.zodiac-el[class*="-hava"]{background:#E7F0FD;color:#1D5FA8}
.zodiac-el[class*="-su"]{background:#E5F5F7;color:#136B75}
.zodiac-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}
.zodiac-head h1{font-size:clamp(24px,3.4vw,34px);font-weight:800;line-height:1.14}
.zodiac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s1);
  font-size:13px;color:var(--soft)}
.zodiac-detail .prose{max-width:none}
.zodiac-others{margin-top:var(--s5)}
.zodiac-chips{display:flex;flex-wrap:wrap;gap:var(--s1)}
.zodiac-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:var(--pill);
  background:var(--bg);font-size:13.5px;font-weight:700;transition:background .15s,color .15s}
.zodiac-chip span{font-size:17px;line-height:1}
.zodiac-chip:hover{background:var(--accent-soft);color:var(--accent-ink)}

/* ═══════════════ DİZİN / ARAMA / 404 ═══════════════ */
.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;
  padding:var(--s6) var(--s4);background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1)}
.empty-state p{max-width:46ch;color:var(--muted);font-size:16px;line-height:1.6}
.search-filters{display:flex;flex-wrap:wrap;gap:var(--s1)}
.search-filters input[type=search]{flex:1 1 240px;min-width:0;height:46px;border:0;
  border-radius:var(--pill);background:var(--surface);box-shadow:var(--sh1);padding:0 18px;font-size:15px}
.search-filters select{height:46px;max-width:100%;border:0;border-radius:var(--pill);
  background:var(--surface);box-shadow:var(--sh1);padding:0 14px;font-size:14.5px;cursor:pointer}
.search-filters button{height:46px;padding:0 28px;border:0;border-radius:var(--pill);
  background:var(--accent);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s}
.search-filters button:hover{background:var(--accent-ink)}
.search-count{font-size:13px;color:var(--soft)}

.err-page{display:flex;flex-direction:column;align-items:center;gap:var(--s3);text-align:center;
  padding:var(--s6) var(--s4);background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1)}
.err-code{font-size:clamp(76px,17vw,150px);font-weight:800;line-height:.9;letter-spacing:-.06em;
  color:var(--accent)}
.err-page h1{font-size:clamp(24px,3.4vw,32px);font-weight:800;line-height:1.15}
.err-body,.err-lead{max-width:52ch;color:var(--muted);font-size:16.5px;line-height:1.65}
.err-body p{margin:0 0 var(--s2)}
.err-body a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.err-search{display:flex;gap:var(--s1);width:100%;max-width:440px}
.err-search input{flex:1;min-width:0;height:48px;border:0;border-radius:var(--pill);
  background:var(--bg);padding:0 18px;font-size:15px}
.err-search button{height:48px;padding:0 26px;border:0;border-radius:var(--pill);background:var(--accent);
  color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s}
.err-search button:hover{background:var(--accent-ink)}
.err-home{font-size:14.5px;font-weight:800;color:var(--accent)}
.err-home:hover{text-decoration:underline;text-underline-offset:3px}

/* ═══════════════ SAYFALAMA ═══════════════ */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s1);
  margin-top:var(--s5)}
.pg{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;
  padding:0 13px;border-radius:var(--pill);background:var(--surface);box-shadow:var(--sh1);
  font-size:14px;font-weight:700;color:var(--muted);
  transition:background .15s,color .15s,transform .15s}
a.pg:hover{background:var(--accent-soft);color:var(--accent-ink);transform:translateY(-2px)}
/* aktif sayfa dolgulu: tıklanamaz olduğu renk kontrastından anlaşılsın */
.pg-cur{background:var(--accent);color:#fff}
.pg-arrow{font-weight:600}
.pg-off{opacity:.45;cursor:not-allowed;box-shadow:none;background:transparent}

/* ═══════════════ BÖLGE WIDGET'LARI (ray + footer) ═══════════════ */
.widget{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);padding:var(--s3)}
.widget:empty{display:none}
.widget-title{font-size:15px;font-weight:800;letter-spacing:-.01em;margin-bottom:var(--s2);
  padding-bottom:var(--s2);border-bottom:2px solid var(--accent)}
.widget-list{counter-reset:w}
.widget-list li{counter-increment:w;display:grid;grid-template-columns:26px 1fr;gap:var(--s2);
  align-items:baseline;padding:9px 0;font-size:14.5px;font-weight:600;line-height:1.4}
.widget-list li+li{border-top:1px solid var(--line)}
.widget-list li::before{content:counter(w);font-size:18px;font-weight:800;color:var(--accent);
  font-variant-numeric:tabular-nums}
.widget-list a:hover{color:var(--accent)}
.svc-items .widget-ad-slot{min-height:0}
.widget-ad-slot{display:flex;align-items:center;justify-content:center;min-height:250px;
  border-radius:var(--r-sm);background:var(--bg);color:var(--soft);font-size:12px;text-align:center}
.ad-placeholder{font-size:12px;letter-spacing:.08em;color:var(--soft);text-align:center;line-height:1.8}
/* Sarmalayıcı da "widget-newsletter" sınıfını taşıyor (widget-{tip} kalıbı);
   düzen kuralları yalnızca formu hedeflesin diye eleman adıyla daraltıldı. */
form.widget-newsletter{display:flex;gap:8px}
form.widget-newsletter input{flex:1;min-width:0;height:42px;border:0;border-radius:var(--pill);
  background:var(--bg);padding:0 15px}
form.widget-newsletter button{height:42px;padding:0 18px;border:0;border-radius:var(--pill);
  background:var(--accent);color:#fff;font-weight:800;cursor:pointer;transition:background .15s}
form.widget-newsletter button:hover{background:var(--accent-ink)}
/* anket */
.poll{display:flex;flex-direction:column;gap:var(--s2)}
.poll-q{font-size:16.5px;font-weight:800;line-height:1.3}
.poll-opts{display:flex;flex-direction:column;gap:7px}
.poll-opt{position:relative;display:flex;align-items:center;gap:var(--s2);width:100%;
  padding:11px 14px;border:0;border-radius:var(--r-sm);background:var(--bg);
  font-size:14px;text-align:left;cursor:pointer;overflow:hidden;transition:background .15s}
.poll-opt:hover{background:var(--accent-soft)}
.poll-bar{position:absolute;left:0;top:0;bottom:0;width:var(--pct,0);background:var(--accent-soft);
  transition:width .5s ease}
.poll-txt{position:relative;flex:1;font-weight:700}
.poll-pct{position:relative;font-size:13px;font-weight:800;color:var(--accent);
  font-variant-numeric:tabular-nums}
.poll-total{font-size:12px;color:var(--soft)}
.voted .poll-opt{cursor:default}
.voted .poll-opt:hover{background:var(--bg)}
/* yatay kart şeridi */
.wcards{display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.wcard{flex:0 0 152px;scroll-snap-align:start;display:flex;flex-direction:column;gap:7px}
.wcard img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-sm)}
.wcard span{font-size:13px;font-weight:700;line-height:1.35}
.wcard:hover span{color:var(--accent)}
/* canlı ticker widget'ı */
.wlive{display:flex;flex-direction:column;gap:var(--s2)}
.wlive-item{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border-radius:var(--r-sm);
  background:var(--bg);border-left:4px solid var(--danger);transition:background .15s}
.wlive-item:hover{background:#FFF1F2}
.wlive-item b{font-size:14px;font-weight:800;line-height:1.35}
.wlive-item .live-dot{background:var(--danger)}
.wlive-line{padding-left:10px;border-left:2px solid var(--line);font-size:12.5px;color:var(--muted);line-height:1.45}
/* kategori listesi */
.wcatlist{display:flex;flex-direction:column}
.wcatlist a{padding:9px 0;font-size:14.5px;font-weight:600;line-height:1.4}
.wcatlist a+a{border-top:1px solid var(--line)}
.wcatlist a:hover{color:var(--accent)}
/* burç kısayolları + ilgi alanı (döviz/hava) listesi */
.wzodiac{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.wzodiac a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;
  border-radius:var(--r-sm);background:var(--bg);font-size:12px;font-weight:700;
  text-align:center;transition:background .15s}
.wzodiac a:hover{background:var(--accent-soft);color:var(--accent-ink)}
.wzodiac a span{font-size:19px;line-height:1}
.wzodiac-all{display:inline-block;margin-top:var(--s2);font-size:13px;font-weight:700;color:var(--accent)}
.winterest{display:flex;flex-direction:column}
.winterest li{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  padding:9px 0;font-size:14px}
.winterest li+li{border-top:1px solid var(--line)}
.wi-n{color:var(--muted);font-weight:600}
.wi-v{font-weight:800;font-variant-numeric:tabular-nums}

/* ═══════════════ FOOTER ═══════════════
   Koyu — üstteki servis şeridiyle sayfayı iki uçtan çerçeveler. */
.sitefooter{margin-top:var(--s6);background:var(--ink);color:rgba(255,255,255,.68)}
.sitefooter>.widget{max-width:var(--wrap);margin:0 auto;padding:var(--s4) var(--pad) 0;
  background:none;box-shadow:none;border-radius:0}
.sitefooter .widget-title{color:#fff;border-bottom-color:rgba(255,255,255,.24)}
.sitefooter a{color:rgba(255,255,255,.78);transition:color .15s}
.sitefooter a:hover{color:#fff}
.sitefooter a:focus-visible{outline-color:#fff}
.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3);
  padding:var(--s5) var(--pad);font-size:13.5px}
.foot-brand{display:flex;flex-direction:column;gap:2px}
.foot-brand b{font-size:20px;font-weight:800;letter-spacing:-.03em;color:#fff}
.foot-brand span{font-size:12.5px;color:rgba(255,255,255,.45)}
.foot-menu{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3)}
.foot-menu a{display:inline-block;padding:7px 0;font-weight:600}

/* ═══════════════ ÇEREZ BİLDİRİMİ ═══════════════ */
.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:space-between;gap:var(--s3);background:var(--surface);
  box-shadow:0 -10px 34px rgba(12,20,36,.2);border-top:4px solid var(--accent);
  padding:var(--s3) max(var(--pad),calc((100% - var(--wrap)) / 2))}
/* display:flex `hidden` niteliğini ezdiği için gizleme kuralını geri veriyoruz */
.cookie-bar[hidden]{display:none}
.cookie-bar p{max-width:70ch;font-size:14px;color:var(--muted);line-height:1.6}
.cookie-bar a{color:var(--accent-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--s2);flex:none}
.cb-yes,.cb-no{padding:12px 24px;border:0;border-radius:var(--pill);font-size:14px;font-weight:800;
  cursor:pointer;transition:background .15s,color .15s}
.cb-yes{background:var(--accent);color:#fff}
.cb-yes:hover{background:var(--accent-ink)}
.cb-no{background:var(--bg);color:var(--muted)}
.cb-no:hover{background:var(--line);color:var(--ink)}

/* ═══════════════════════════════════════════════════════════════════════════
   DUYARLI DÜZEN — 360px'te yatay taşma olmayacak: tüm ızgaralar tek sütuna
   iner, ray içeriğin altına geçer, manşet 4:3'e yaklaşır.
   ═══════════════════════════════════════════════════════════════════════════ */
@media(max-width:1180px){
  :root{--rail:288px;--s5:34px}
  .quad,.strip-row,.gal-row,.grid-4{grid-template-columns:repeat(3,1fr)}
  .author-grid{grid-template-columns:repeat(4,1fr)}
  .hero-stage{aspect-ratio:3/1}
}
@media(max-width:1040px){
  /* ray içeriğin altına iner — iki sütunlu düzen dar ekranda okunmuyor */
  .p-cols{grid-template-columns:minmax(0,1fr)}
  .p-rail{position:static;flex-direction:row;flex-wrap:wrap}
  .p-rail>*{flex:1 1 280px;min-width:0}
  .p-rail-low{flex:1 1 100%;flex-direction:row;flex-wrap:wrap}
  .catsec-grid{grid-template-columns:1fr}
  .cat-hero{grid-template-columns:1fr}
  .cat-hero img,.cat-hero .card-ph{min-height:0;aspect-ratio:16/9}
  .zodiac-grid{grid-template-columns:repeat(4,1fr)}
  .hero-stage{aspect-ratio:5/2}
  .post{padding:var(--s4) var(--s4) var(--s5)}
}
@media(max-width:900px){
  :root{--head-h:62px}
  /* mobil menü: hamburger görünür, menü katman olarak açılır */
  .mnav-toggle{display:flex}
  .mainnav{display:none}
  .mainnav.open{display:flex;position:absolute;left:0;right:0;top:100%;z-index:55;
    flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;
    max-height:calc(100dvh - var(--head-h));overflow-y:auto;
    background:var(--surface);border-top:1px solid var(--line);
    box-shadow:0 18px 40px rgba(12,20,36,.22);padding:var(--s2) var(--pad) var(--s3)}
  .mainnav.open .nav-item{display:flex;flex-direction:column;align-items:stretch;border-radius:var(--r-sm)}
  .mainnav.open>a,.mainnav.open .nav-item>a{padding:12px 14px;font-size:16px;border-radius:var(--r-sm)}
  /* alt menü mobilde her zaman açık — açılır kutu dokunmatikte erişilemiyor */
  .mainnav.open .nav-sub{position:static;display:flex;flex-wrap:wrap;gap:4px;min-width:0;
    box-shadow:none;background:none;padding:0 0 var(--s2) var(--s3);margin:0}
  .mainnav.open .nav-sub a{padding:6px 12px;border-radius:var(--pill);background:var(--bg);font-size:13.5px}
  /* "mobilde gizle": açık menüdeki .nav-item kuralını yenecek özgüllükte olmalı */
  .hide-m,.mainnav.open .hide-m{display:none}
  /* mobilde arama düğmeyle açılır: masthead'in altına inen tam genişlikte şerit */
  .search-toggle{display:inline-flex}
  .searchbox{display:none}
  .searchbox.open{display:block;position:absolute;left:0;right:0;top:100%;z-index:56;
    padding:var(--s2) var(--pad);background:var(--surface);
    box-shadow:0 12px 28px rgba(12,20,36,.18)}
  .searchbox.open input{width:100%}
  /* Portalin imza seridi mobilde en cok ise yariyor: gizlemek yerine kaydir. */
  .svc-items{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .svc-items::-webkit-scrollbar{display:none}
  .svc-items>*{flex:none}
  .brand{font-size:25px}
  .hero-stage{aspect-ratio:16/9}
  .quad,.strip-row,.gal-row,.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
  .author-grid{grid-template-columns:repeat(3,1fr)}
  .zodiac-grid{grid-template-columns:repeat(3,1fr)}
  .qd h3{font-size:18px;padding:var(--s2) var(--s3) var(--s3)}
  .sh-font{margin-left:0}
}
@media(min-width:901px){
  /* "masaüstünde gizle": .mainnav>a kuralını yenecek özgüllükte olmalı */
  .hide-d,.mainnav .hide-d{display:none}
}
@media(max-width:620px){
  :root{--pad:16px;--s5:30px;--s6:46px}
  main,main.wrap{padding-top:var(--s3)}
  /* servis şeridi: tarih yer kaplıyor, kısayollar tam genişlikte kaydırılır */
  .svc-date{display:none}
  .svc-links{margin-left:0;width:100%;overflow-x:auto;scrollbar-width:none;padding:7px 0}
  .svc-links::-webkit-scrollbar{display:none}
  /* manşet mobilde 4:3'e yaklaşır — 3.8:1 bu genişlikte okunmuyor */
  .hero-stage{aspect-ratio:4/3;border-radius:var(--r-sm)}
  .hs-cap{padding:var(--s5) var(--s3) var(--s3) calc(var(--s2) + 40px);gap:var(--s1)}
  .hero-dots{left:var(--s2);gap:6px}
  /* Dokunma hedefi 44px: gorunen daire kucuk kalir, tiklama alani buyur. */
  .hd{width:40px;height:40px;font-size:12px;border-width:2px}
  /* dörtlü tek sütuna iner: 360px'te iki sütun "büyük kalın başlık"a yer bırakmıyor */
  .quad,.strip-row,.gal-row,.grid-4,.grid-3,.grid{grid-template-columns:1fr}
  .qd h3{font-size:19px}
  .row-card{grid-template-columns:1fr}
  .row-card img,.row-card .card-ph{aspect-ratio:16/9;height:auto;min-height:0}
  .row-b{padding:var(--s2) var(--s3) var(--s3)}
  .row-b h3{font-size:18px}
  .cat-item{grid-template-columns:66px 1fr}
  .cat-item img,.cat-item .ph{width:66px;height:50px}
  .author-grid,.zodiac-grid{grid-template-columns:repeat(2,1fr)}
  .author-row{grid-template-columns:48px 1fr;gap:var(--s2);align-items:start}
  .author-row img,.author-row .author-ph-sm{width:48px;height:48px;font-size:18px}
  .author-card img,.author-card .author-ph{width:76px;height:76px;font-size:28px}
  .pn{grid-template-columns:1fr}
  .pn-next{text-align:left}
  .post{padding:var(--s3) var(--s3) var(--s4);border-radius:var(--r-sm)}
  .live-item{grid-template-columns:1fr;gap:var(--s1)}
  .cmt-name{max-width:none}
  .cmt-reply{margin-left:var(--s2);padding-left:var(--s2)}
  .prose{font-size:16.5px}
  /* geniş tablo sayfayı taşırmasın — kendi içinde kaysın */
  .prose table{display:block;overflow-x:auto;white-space:nowrap}
  .err-search,.search-filters{flex-direction:column}
  .err-search button,.search-filters input[type=search],
  .search-filters select,.search-filters button{width:100%}
  .paywall-plans{grid-template-columns:1fr}
  .paywall-box{padding:var(--s4) var(--s3)}
  .paywall-cta{width:100%;padding-left:var(--s2);padding-right:var(--s2)}
  .plans{grid-template-columns:1fr}
  .cookie-actions{width:100%;flex-direction:column}
  .cb-yes,.cb-no{width:100%}
  .p-rail{flex-direction:column}
  .p-rail-low{flex-direction:column}
  .wzodiac{grid-template-columns:repeat(4,1fr)}
  .zodiac-icon-lg{font-size:42px}
  .foot{padding:var(--s4) var(--pad)}
}
@media(max-width:400px){
  :root{--pad:14px}
  .brand{font-size:22px}
  .svc-in{gap:var(--s2);font-size:12.5px}
  .svc-links{gap:var(--s2)}
  .sh{padding:0 12px;font-size:12.5px}
  .pg{min-width:44px;height:44px;padding:0 8px;font-size:13px}
  .auth-tabs{gap:5px}
  .at{padding:8px 13px;font-size:13px}
}

/* ═══════════════ HAREKET AZALTMA ═══════════════
   !important kullanmıyoruz: hareketi olan seçicileri burada aynı özgüllükle
   tekrar edip kapatıyoruz (bu blok dosyanın sonunda olduğu için kazanır). */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  /* kayan son dakika şeridi durur, yerine elle kaydırılır */
  .tk-track{position:static;flex:1;min-width:0;animation:none;padding-left:0;
    overflow-x:auto;scrollbar-width:none}
  .tk-track::-webkit-scrollbar{display:none}
  .tk-pause,.hero-pause{display:none}
  .live-dot,.live-new,.inf-spin::before{animation:none}
  .inf-spin::before{border-top-color:var(--line)}
  .hs{transition:none}
  .hd,.card,.qd,.strip-card,.row-card,.cat-lead,.cat-hero,.gal-card,.gal-card img,
  .live-card,.zodiac-card,.author-card,.author-row,.plan,.paywall-plan,.sh,.pg,
  .mnav-toggle span,.play,.poll-bar,.read-progress span{transition:none}
  .card:hover,.qd:hover,.strip-card:hover,.row-card:hover,.cat-lead:hover,.cat-hero:hover,
  .gal-card:hover,.live-card:hover,.zodiac-card:hover,.author-card:hover,.author-row:hover,
  .plan:hover,.paywall-plan:hover,.sh:hover,a.pg:hover{transform:none}
  .gal-card:hover img{transform:none}
  .hd.on{transform:none}
  .vid-card:hover .play{transform:translate(-50%,-50%)}
}

/* ---- ÜST BAR ÜYELİK ALANI ----
   Üyelik açıkken sitede hiçbir giriş bağlantısı görünmüyordu; okur "üye ol"
   düğmesini bulamıyordu. Giriş durumuna göre iki farklı görünüm. */
.uarea { display: flex; align-items: center; gap: 6px; flex-shrink: 0 }
.ubtn {
  display: inline-flex; align-items: center; gap: 6px;
  height: 34px; padding: 0 12px;
  border-radius: 999px;
  font-size: 13px; font-weight: 700; white-space: nowrap;
}
.ubtn-in { color: var(--ink); border: 1px solid var(--line) }
.ubtn-in:hover { border-color: var(--accent); color: var(--accent) }
.ubtn-up { background: var(--accent); color: #fff }
.ubtn-up:hover { filter: brightness(.94) }
.ubtn-me { padding-left: 4px; border: 1px solid var(--line) }
.ubtn-me:hover { border-color: var(--accent) }
.uav {
  width: 26px; height: 26px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--accent); color: #fff;
  font-size: 12px; font-weight: 800;
}
.uname { max-width: 90px; overflow: hidden; text-overflow: ellipsis }
.ubadge {
  font-size:11px; font-weight: 800; letter-spacing: .06em;
  padding: 2px 5px; border-radius: 3px;
  background: #FEF3C7; color: #92400E;
}
.ulogout { display: inline-flex }
.ulogout button {
  border: 0; background: none; cursor: pointer;
  font-size: 12.5px; font-weight: 600; color: var(--soft);
  padding: 4px 6px;
}
.ulogout button:hover { color: var(--accent) }
.uarea :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 999px }

/* Kayıt formundaki özel alanlar */
.auth-lbl { font-size: 12.5px; font-weight: 700; color: var(--muted); margin-top: 4px }
.auth-closed {
  padding: 10px 14px; margin-bottom: 12px;
  background: #FEF3C7; color: #92400E;
  border-radius: 6px; font-weight: 600;
}

/* Dar ekranda ad gizlenir, avatar kalır — üst bar taşmasın. */
@media (max-width: 640px) {
  .uname, .ubadge { display: none }
  .ubtn { height: 32px; padding: 0 10px; font-size: 12.5px }
  /* Cikis mobilde de erisilebilir olmali: yaziyi gizle, dugmeyi birak. */
  .ulogout { display: inline-flex }
  .ulogout button { min-height: 36px; padding: 0 10px; font-size: 0 }
  .ulogout button::before { content: '\21AA'; font-size: 16px }
}

/* ---- ÜYELİK SAYFASI ---- */
.mship { padding-block: var(--s5) var(--s6) }
.mship-head { max-width: 620px; margin-bottom: var(--s5) }
.mship-head h1 { font-size: clamp(26px, 3.4vw, 38px); font-weight: 800; letter-spacing: -.02em; margin-bottom: 8px }
.mship-head p { color: var(--muted); font-size: 16px; line-height: 1.55 }

/* Değer önce, fiyat sonra: fiyatı boşlukta göstermek ikna etmiyor. */
.mship-perks {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: var(--s3); margin-bottom: var(--s5);
}
.perk { display: grid; gap: 2px; padding: var(--s3); background: var(--surface); border-radius: var(--r) }
.perk-i { font-size: 22px; line-height: 1 }
.perk b { font-size: 14.5px }
.perk span:last-child { font-size: 13px; color: var(--muted) }

.mship-cols { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: var(--s5); align-items: start }
.mship-plans { min-width: 0 }
.mship-auth { min-width: 0; position: sticky; top: 90px }

.plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--s3) }
.plan { position: relative; display: flex; flex-direction: column; padding: var(--s4); background: var(--surface); border-radius: var(--r) }
.plan-best { outline: 2px solid var(--accent); outline-offset: -2px }
.plan-tag {
  position: absolute; top: -10px; left: var(--s4);
  padding: 3px 9px; border-radius: 999px;
  background: var(--accent); color: #fff;
  font-size:11.5px; font-weight: 800; letter-spacing: .04em;
}
.plan-name { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--muted) }
.plan-price { font-size: 30px; font-weight: 800; letter-spacing: -.02em; margin: 6px 0 2px }
.plan-price span { font-size: 13.5px; font-weight: 600; color: var(--muted) }
.plan-note { font-size: 12.5px; color: var(--accent); font-weight: 700 }
.plan-desc { font-size: 13.5px; color: var(--muted); margin: 8px 0 10px; line-height: 1.45 }
.plan-feat { list-style: none; margin: 0 0 var(--s3); padding: 0; display: grid; gap: 6px }
.plan-feat li { font-size: 13.5px; padding-left: 20px; position: relative }
.plan-feat li::before { content: "✓"; position: absolute; left: 0; color: var(--accent); font-weight: 800 }
.btn-sub {
  margin-top: auto; display: block; width: 100%;
  padding: 11px 14px; border: 0; border-radius: var(--r-sm);
  background: var(--accent); color: #fff;
  font-size: 14.5px; font-weight: 700; text-align: center; cursor: pointer;
}
.btn-sub:hover { filter: brightness(.94) }
.mship-note { margin-top: var(--s3); font-size: 13px; color: var(--muted) }

.auth-box { background: var(--surface); border-radius: var(--r); padding: var(--s4); overflow: hidden }
.auth-tabs { display: flex; gap: 2px; margin: calc(var(--s4) * -1) calc(var(--s4) * -1) var(--s4) }
.at {
  flex: 1; padding: 13px 8px; border: 0; cursor: pointer;
  background: color-mix(in srgb, var(--line) 45%, transparent);
  font-size: 13.5px; font-weight: 700; color: var(--muted);
}
.at.on { background: var(--surface); color: var(--ink); box-shadow: inset 0 -3px 0 var(--accent) }
.auth-form { display: grid; gap: 8px }
.auth-form.hidden { display: none }
.auth-lbl { font-size: 12.5px; font-weight: 700; color: var(--muted) }
.auth-form input, .auth-form select, .auth-form textarea {
  width: 100%; padding: 11px 12px;
  border: 1px solid var(--line); border-radius: var(--r-sm);
  background: #fff; font-size: 15px;
}
.auth-form input:focus, .auth-form select:focus, .auth-form textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--accent) 35%, transparent); border-color: var(--accent);
}
.auth-form button[type=submit] {
  margin-top: 6px; padding: 12px; border: 0; border-radius: var(--r-sm);
  background: var(--accent); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer;
}
.auth-form button[type=submit]:disabled { opacity: .6; cursor: default }
.auth-chk { display: flex; align-items: center; gap: 8px; font-size: 13.5px; cursor: pointer }
.auth-chk input { width: auto }
.auth-hint { font-size: 12.5px; color: var(--soft); line-height: 1.4 }
.auth-legal { font-size: 12px; color: var(--soft); line-height: 1.45; margin-top: 4px }
.auth-legal a { color: var(--accent); text-decoration: underline }
.auth-msg { margin-top: 10px; font-size: 13.5px; font-weight: 600; min-height: 1em }
.auth-msg.ok { color: #16803D }
.auth-msg.err { color: #C0221B }
.auth-closed { margin-top: var(--s3); padding: 10px 14px; background: #FEF3C7; color: #92400E; border-radius: var(--r-sm); font-weight: 600; font-size: 13.5px }

.mship-trust { list-style: none; margin: var(--s3) 0 0; padding: 0; display: grid; gap: 6px }
.mship-trust li { font-size: 12.5px; color: var(--soft); padding-left: 18px; position: relative }
.mship-trust li::before { content: "•"; position: absolute; left: 4px; color: var(--accent) }
.mship-trust a { color: var(--accent); text-decoration: underline }

@media (max-width: 900px) {
  .mship-cols { grid-template-columns: 1fr }
  .mship-auth { position: static }
}
/* Merkezi reklam envanteri — sağlayıcıdan bağımsız, tenant slot kabuğu. */
.bulutmedya-ad{position:relative;display:block;width:100%;max-width:1260px;margin:var(--s4) auto;text-align:center;clear:both}
.bulutmedya-ad-label{display:block;margin:0 0 5px;color:var(--soft);font:600 9px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.bulutmedya-ad .adsbygoogle,.bulutmedya-ad .bulutmedya-gam-slot{max-width:100%;margin-inline:auto}
.bulutmedya-ad>a{display:block}.bulutmedya-ad>a img{display:block;max-width:100%;height:auto;margin:auto}
.prose>.bulutmedya-ad{margin-block:32px}.p-rail>.bulutmedya-ad{margin-block:20px}
.bulutmedya-ad-sticky{position:sticky;top:92px}
.bulutmedya-ad-left-rail,.bulutmedya-ad-right-rail{display:none;position:fixed;z-index:20;top:120px;width:160px;max-height:calc(100vh - 150px);margin:0}
@media(min-width:1500px){.bulutmedya-ad-left-rail{display:block;left:max(8px,calc(50vw - 790px))}.bulutmedya-ad-right-rail{display:block;right:max(8px,calc(50vw - 790px))}}
.bulutmedya-ad-skin{display:none}
@media(min-width:1500px){.bulutmedya-ad-skin{display:block;position:fixed;inset:0;z-index:10;max-width:none;margin:0;pointer-events:none}.bulutmedya-ad-skin-panel{position:absolute;top:0;bottom:0;width:max(0px,calc((100vw - 1260px)/2));overflow:hidden;pointer-events:auto}.bulutmedya-ad-skin-panel img{position:absolute;top:0;width:100vw;max-width:none;height:auto}.bulutmedya-ad-skin-left{left:0}.bulutmedya-ad-skin-left img{left:0}.bulutmedya-ad-skin-right{right:0}.bulutmedya-ad-skin-right img{right:0}}
@media(max-width:767px){.bulutmedya-ad-no-mobile{display:none!important}.bulutmedya-ad{max-width:100%;overflow:hidden}}
@media(min-width:768px) and (max-width:1023px){.bulutmedya-ad-no-tablet{display:none!important}}
@media(min-width:1024px){.bulutmedya-ad-no-desktop{display:none!important}}
/* Uzun portal akışında ekran altı blokların ilk düzen maliyetini ertele. */
@supports (content-visibility:auto){
  .catsec,.related,.comments-box,.sitefooter{content-visibility:auto;contain-intrinsic-size:auto 700px}
}

/* ═══════════════════════════════════════════════════════════════════════════
   BULUTMEDYA NEWSROOM — yoğun haber portalı görsel sistemi

   Ölçü kararları
   · masaüstü yayın alanı: 970px net içerik (1000px kutu - 2×15px güvenlik payı)
   · ana/ray: 646px + 300px, 24px aralık
   · ana ve kart görselleri: 16:9; gündem rayı: 4:3; yazar: 1:1
   · detay başlığı: 40px; spot: 22px; gövde: 18px/1.78
   · mobil kırılımlar: 900px, 620px ve 420px

   Tema referans sitenin hızlı taranan portal ritmini kullanır; marka, varlık ve
   birebir bileşen kopyalamaz. CSS sistem fontlarıyla çalışır, harici font/CDN yoktur.
   ═══════════════════════════════════════════════════════════════════════════ */

.newsroom-theme{
  --wrap:var(--maxw);
  --rail:300px;
  --pad:15px;
  --s1:6px;
  --s2:10px;
  --s3:16px;
  --s5:32px;
  --s6:52px;
  --r-sm:var(--r);
  --r-xs:var(--r);
  --sh1:none;
  --sh2:0 10px 28px rgba(16,17,20,.12);
  --sh3:0 18px 44px rgba(16,17,20,.18);
  --head-h:134px;
  background:var(--bg);
  color:var(--ink);
  line-height:1.55;
}

.newsroom-theme h1,.newsroom-theme h2,.newsroom-theme h3,.newsroom-theme h4{
  letter-spacing:-.025em;
}
.newsroom-theme .wrap{width:100%;}
.newsroom-theme main.portal{background:var(--surface);}
.newsroom-theme main,.newsroom-theme main.wrap{padding-top:30px;padding-bottom:52px;}
.newsroom-theme .portal>*{margin-bottom:32px;}
.newsroom-theme .portal>:last-child{margin-bottom:0;}

/* Masthead: marka + piyasa bilgisi üst sırada, kategori navigasyonu ayrı sırada. */
.newsroom-theme .masthead{
  position:sticky;
  top:0;
  z-index:50;
  background:var(--surface);
  box-shadow:0 1px 0 var(--line);
}
.newsroom-theme .mast-top{
  min-height:84px;
  display:flex;
  align-items:center;
  gap:18px;
}
.newsroom-theme .brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-right:14px;
  font-size:31px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.newsroom-theme .brand::before{
  content:"";
  width:20px;
  height:36px;
  flex:none;
  background:
    radial-gradient(circle,#cf2634 2px,transparent 2.5px) 0 0/7px 7px;
  transform:skewY(-11deg);
}
.newsroom-theme .brand::after{display:none;}
.newsroom-theme .header-services{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  flex:1;
  overflow:hidden;
}
.newsroom-theme .header-services .widget{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  margin:0;
  padding:0;
  background:none;
  border:0;
  box-shadow:none;
}
.newsroom-theme .header-services .widget-title{display:none;}
.newsroom-theme .header-services .winterest{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  margin:0;
  overflow:hidden;
}
.newsroom-theme .header-services .winterest li{
  display:grid;
  grid-template-columns:auto auto;
  gap:0 6px;
  min-width:max-content;
  padding:0 14px 0 0;
  border:0;
  border-right:1px solid var(--line);
  font-size:12px;
  line-height:1.25;
}
.newsroom-theme .header-services .wi-n{
  grid-row:1 / span 2;
  align-self:center;
  color:var(--accent);
  font-size:0;
}
.newsroom-theme .header-services .wi-n::before{content:"↗";font-size:21px;font-weight:800;}
.newsroom-theme .header-services .wi-v{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;}
.newsroom-theme .header-services .wi-v::before{content:"PİYASA ";display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;}

.newsroom-theme .nav-band{border-top:1px solid var(--line);}
.newsroom-theme .nav-in{position:relative;display:flex;align-items:center;min-height:50px;}
.newsroom-theme .mainnav{
  order:0;
  flex:1 1 auto;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:0;
  min-width:0;
  padding:0;
  border:0;
  overflow:visible;
}
.newsroom-theme .mainnav>a,.newsroom-theme .nav-item>a{
  min-height:49px;
  padding:0 13px;
  border-radius:0;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--ink);
  text-transform:uppercase;
}
.newsroom-theme .mainnav>a:first-child{padding-left:0;}
.newsroom-theme .mainnav>a:hover,.newsroom-theme .nav-item>a:hover{
  background:none;
  color:var(--accent);
  box-shadow:inset 0 -3px 0 var(--accent);
}
.newsroom-theme .nav-hl{background:transparent;}
.newsroom-theme a.nav-hl,.newsroom-theme .nav-hl>a{color:var(--accent);}
.newsroom-theme .nav-sub{border:1px solid var(--line);border-radius:0;}
.newsroom-theme .svc-links{display:none;}
.newsroom-theme .mobile-member{display:none;}
.newsroom-theme .search-toggle{
  display:inline-flex;
  width:42px;
  height:42px;
  background:transparent;
  border-radius:0;
  color:var(--ink);
}
.newsroom-theme .search-toggle:hover{background:var(--accent-soft);color:var(--accent);}
.newsroom-theme .searchbox{display:none;}
.newsroom-theme .searchbox.open{
  display:block;
  position:absolute;
  right:15px;
  top:calc(100% + 1px);
  z-index:56;
  width:min(430px,calc(100vw - 30px));
  padding:12px;
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--sh3);
}
.newsroom-theme .searchbox input{width:100%;height:46px;border:1px solid var(--line);border-radius:0;background:#f7f7f8;}
.newsroom-theme .ubtn{border-radius:var(--r);}
.newsroom-theme .ubtn-up,.newsroom-theme .uav{background:var(--accent);}

/* Son dakika şeridi. */
.newsroom-theme .ticker{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:none;}
.newsroom-theme .ticker-in{min-height:44px;}
.newsroom-theme .tk-label{border-radius:0;background:var(--accent);font-size:11px;}
.newsroom-theme .tk-track a{font-size:14px;font-weight:700;}

/* 650/300 üst haber alanı. */
.newsroom-theme .lead-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:24px;
  align-items:stretch;
}
.newsroom-theme .hero{min-width:0;margin:0;}
.newsroom-theme .hero-stage{
  aspect-ratio:16/9;
  border-radius:0;
  background:#111;
  box-shadow:none;
}
.newsroom-theme .hero-stage>.hs>.ph{
  background:linear-gradient(135deg,#59616d 0%,#17191d 100%);
}
.newsroom-theme .hs-cap{
  padding:72px 24px 24px;
  background:linear-gradient(to top,rgba(5,6,8,.94),rgba(5,6,8,.62) 55%,transparent);
}
.newsroom-theme .hs-cap h1,.newsroom-theme .hs-cap h2{
  max-width:17ch;
  font-size:clamp(25px,3vw,var(--fs-lead));
  font-weight:900;
  line-height:1.08;
  color:#fff;
}
.newsroom-theme .hs.on .hs-cap{animation:newsroom-rise .45s ease-out both;}
@keyframes newsroom-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.newsroom-theme .hero-dots{
  left:auto;
  right:16px;
  top:16px;
  transform:none;
  flex-direction:row;
  max-height:none;
}
.newsroom-theme .hd{
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:0;
  background:rgba(0,0,0,.58);
  font-size:12px;
}
.newsroom-theme .hd.on{background:var(--accent);transform:none;box-shadow:none;}
.newsroom-theme .hero-pause{
  min-width:58px;
  height:32px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:0;
  background:rgba(0,0,0,.72);
  color:#fff;
  padding:0 8px;
  font:800 11px/1 var(--sans);
  cursor:pointer;
}
.newsroom-theme .hero-pause:hover{background:var(--accent);}
.newsroom-theme .lead-side{
  min-width:0;
  padding-top:12px;
  border-top:5px solid var(--accent);
}
.newsroom-theme .lead-side>h2{
  margin-bottom:6px;
  font-size:21px;
  font-weight:900;
  text-transform:uppercase;
}
.newsroom-theme .lead-side-item{
  display:grid;
  grid-template-columns:106px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-top:1px solid var(--line);
  font-size:15px;
  font-weight:800;
  line-height:1.28;
}
.newsroom-theme .lead-side-item img,.newsroom-theme .lead-side-item .ph{
  width:106px;
  aspect-ratio:4/3;
  object-fit:cover;
}
.newsroom-theme .lead-side-item:hover span:last-child{color:var(--accent);}
.newsroom-theme .lead-side-all{display:inline-block;margin-top:10px;color:var(--accent);font-size:13px;font-weight:800;}

/* Tarama kartları: keskin, çizgisel, 16:9. */
.newsroom-theme .quad{gap:18px;}
.newsroom-theme .qd,.newsroom-theme .card,.newsroom-theme .strip-card,
.newsroom-theme .row-card,.newsroom-theme .cat-lead,.newsroom-theme .cat-hero,
.newsroom-theme .gal-card,.newsroom-theme .author-card,.newsroom-theme .author-row,
.newsroom-theme .live-card,.newsroom-theme .rail-box{
  border-radius:var(--r);
  border:0;
  box-shadow:none;
}
.newsroom-theme .qd{border-bottom:1px solid var(--line);}
.newsroom-theme .qd h3{margin:0;padding:13px 12px 16px;font-size:17px;line-height:1.32;}
.newsroom-theme .qd:hover,.newsroom-theme .card:hover,.newsroom-theme .strip-card:hover,
.newsroom-theme .row-card:hover,.newsroom-theme .cat-lead:hover,.newsroom-theme .cat-hero:hover{
  transform:none;
  box-shadow:none;
}
.newsroom-theme .qd img,.newsroom-theme .card img,.newsroom-theme .strip-card img,
.newsroom-theme .cat-lead img,.newsroom-theme .gal-card img{
  transition:filter .2s ease,transform .25s ease;
}
.newsroom-theme .qd:hover img,.newsroom-theme .card:hover img,.newsroom-theme .strip-card:hover img,
.newsroom-theme .cat-lead:hover img,.newsroom-theme .gal-card:hover img{
  filter:brightness(.92);
  transform:scale(1.015);
}
.newsroom-theme .hl-cols{gap:20px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.newsroom-theme .hl-col{padding:0 16px 0 0;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;}
.newsroom-theme .hl-col:last-child{border-right:0;padding-right:0;}
.newsroom-theme .hl-title{padding-bottom:9px;border-bottom:4px solid var(--cat);color:var(--ink);font-size:17px;text-transform:uppercase;}
.newsroom-theme .hl-list a{font-size:14px;font-weight:700;}
.newsroom-theme .sec{font-size:22px;font-weight:900;text-transform:uppercase;}
.newsroom-theme .sec>span:first-child{width:5px;height:25px;border-radius:0;background:var(--cat);}
.newsroom-theme .sec-more{text-transform:none;letter-spacing:0;color:var(--muted);}

/* Ana akış / ray tam olarak 646 + 300 px'e oturur. */
.newsroom-theme .p-cols{grid-template-columns:minmax(0,1fr) 300px;gap:24px;}
.newsroom-theme .p-main{gap:32px;}
.newsroom-theme .p-rail{top:calc(var(--head-h) + 16px);gap:20px;}
.newsroom-theme .rail-box{padding:16px;border-top:5px solid var(--accent);background:#fafafa;}
.newsroom-theme .rail-title{font-size:17px;text-transform:uppercase;border-bottom:0;padding-bottom:8px;}
.newsroom-theme .rank li{grid-template-columns:32px 1fr;padding:8px 0;}
.newsroom-theme .rank-n{color:var(--accent);font-size:24px;font-weight:900;}
.newsroom-theme .rank a{font-size:14px;font-weight:700;}
.newsroom-theme .row-card{grid-template-columns:188px 1fr;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--line);background:transparent;}
.newsroom-theme .row-card img,.newsroom-theme .row-card .card-ph{height:auto;min-height:0;aspect-ratio:16/10;}
.newsroom-theme .row-b{padding:0;}
.newsroom-theme .row-b h3{font-size:20px;line-height:1.26;}
.newsroom-theme .row-b p{font-size:14px;line-height:1.5;}
.newsroom-theme .catsec{padding-top:22px;border-top:1px solid var(--line);}
.newsroom-theme .catsec-grid{grid-template-columns:1.18fr 1fr;gap:20px;}
.newsroom-theme .cat-lead h3{padding:12px 0 5px;font-size:22px;}
.newsroom-theme .cat-lead p{padding:0;color:var(--muted);}
.newsroom-theme .cat-item{border-bottom:1px solid var(--line);}

/* Kategori, arama, arşiv ve dizin sayfaları. */
.newsroom-theme .cat-head{
  align-items:center;
  gap:12px;
  padding:0 0 24px;
  border-bottom:1px solid var(--line);
  text-align:center;
}
.newsroom-theme .cat-head .crumbs{align-self:flex-start;}
.newsroom-theme .cat-head h1{font-size:36px;font-weight:900;text-transform:uppercase;}
.newsroom-theme .cat-desc{max-width:65ch;color:var(--muted);}
.newsroom-theme .cat-chips{justify-content:center;}
.newsroom-theme .cat-chips a,.newsroom-theme .cat-chips span{border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted);}
.newsroom-theme .cat-chips .chip-cur{border-color:var(--cat);background:var(--cat);color:#fff;}
.newsroom-theme .cat-hero{grid-template-columns:minmax(0,1fr) 210px;border-bottom:1px solid var(--line);}
.newsroom-theme .cat-hero img,.newsroom-theme .cat-hero .card-ph{min-height:0;aspect-ratio:16/10;}
.newsroom-theme .ch-b{padding:16px;}
.newsroom-theme .ch-b h2{font-size:23px;line-height:1.2;}
.newsroom-theme .grid{gap:20px 18px;}
.newsroom-theme .grid-3{grid-template-columns:repeat(2,1fr);}
.newsroom-theme .grid-4{grid-template-columns:repeat(4,1fr);}
.newsroom-theme .card{border-bottom:1px solid var(--line);}
.newsroom-theme .card-b{padding:12px 0 14px;}
.newsroom-theme .card-b h3{font-size:17px;line-height:1.3;}
.newsroom-theme .page-head{padding-bottom:20px;border-bottom:1px solid var(--line);}
.newsroom-theme .page-head h1{font-size:36px;font-weight:900;text-transform:uppercase;}
.newsroom-theme .search-filters{border-radius:0;box-shadow:none;border:1px solid var(--line);}
.newsroom-theme .search-filters input,.newsroom-theme .search-filters select{border-radius:0;}
.newsroom-theme .search-filters button{border-radius:0;background:var(--accent);}
.newsroom-theme .pager .pg{border-radius:0;}

/* Haber detayı: 40/22/18 hiyerarşisi, 16:9 kapak ve 300px ray. */
.newsroom-theme .post{padding:0 0 30px;background:transparent;box-shadow:none;}
.newsroom-theme .post-head{gap:12px;margin-bottom:24px;}
.newsroom-theme .post-head h1{font-size:clamp(34px,4vw,var(--fs-lead));font-weight:900;line-height:1.16;}
.newsroom-theme .spot{font-size:22px;line-height:1.42;color:#292b30;font-weight:700;}
.newsroom-theme .byline{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.newsroom-theme .author-av{background:var(--accent);border-radius:50%;}
.newsroom-theme .share{padding:2px 0;}
.newsroom-theme .sh{border-radius:var(--r);}
.newsroom-theme .hero-img{border-radius:var(--r);aspect-ratio:16/9;}
.newsroom-theme .hero-fig figcaption{padding-left:10px;border-left:3px solid var(--line);}
.newsroom-theme .prose{font-size:18px;line-height:1.78;color:#24262b;}
.newsroom-theme .prose h2,.newsroom-theme .prose h3{font-weight:900;line-height:1.25;}
.newsroom-theme .prose a{color:var(--accent-ink);}
.newsroom-theme .prose blockquote{border-left-color:var(--accent);border-radius:0;}
.newsroom-theme .tags,.newsroom-theme .pn,.newsroom-theme .related,.newsroom-theme .comments-box{border-radius:0;}

/* Footer ana sayfadaki üst sınırla aynı siyah/kırmızı sistemini tamamlar. */
.newsroom-theme .sitefooter{margin-top:0;background:#161719;border-top:6px solid var(--accent);}
.newsroom-theme .foot-brand b{font-size:25px;letter-spacing:-.04em;}
.newsroom-theme .cookie-bar{border-top-color:var(--accent);}

@media(max-width:1040px){
  .newsroom-theme{--wrap:100%;--pad:22px;}
  .newsroom-theme .header-services{gap:10px;}
  .newsroom-theme .mainnav>a,.newsroom-theme .nav-item>a{padding-inline:10px;font-size:14px;}
}

@media(max-width:900px){
  .newsroom-theme{--head-h:72px;--pad:18px;}
  .newsroom-theme .mast-top{min-height:72px;gap:8px;}
  .newsroom-theme .brand{margin:0 auto;font-size:26px;}
  .newsroom-theme .brand::before{width:16px;height:30px;background-size:6px 6px;}
  .newsroom-theme .header-services,.newsroom-theme .uarea{display:none;}
  .newsroom-theme .nav-band{min-height:0;border-top:0;}
  .newsroom-theme .nav-in{position:static;min-height:0;}
  .newsroom-theme .mnav-toggle{display:flex;order:-1;border-radius:0;}
  .newsroom-theme .mainnav{display:none;}
  .newsroom-theme .mainnav.open{
    display:flex;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:55;
    flex-direction:column;
    align-items:stretch;
    max-height:calc(100dvh - 72px);
    overflow:auto;
    padding:12px 18px 20px;
    background:#fff;
    border-top:1px solid var(--line);
    box-shadow:var(--sh3);
  }
  .newsroom-theme .mainnav.open>a,.newsroom-theme .mainnav.open .nav-item>a{
    min-height:44px;
    padding:0 8px;
    border-bottom:1px solid var(--line);
  }
  .newsroom-theme .mainnav.open .mobile-member{display:flex;gap:8px;width:100%;padding:14px 0 2px;}
  .newsroom-theme .mobile-member a{flex:1;padding:11px;text-align:center;border:1px solid var(--line);font-weight:800;}
  .newsroom-theme .searchbox.open{left:18px;right:18px;top:100%;width:auto;}
  .newsroom-theme .lead-grid{grid-template-columns:1fr;}
  .newsroom-theme .lead-side{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .newsroom-theme .lead-side>h2,.newsroom-theme .lead-side-all{grid-column:1/-1;}
  .newsroom-theme .lead-side-item{display:block;padding:0 0 12px;border-top:0;border-bottom:1px solid var(--line);}
  .newsroom-theme .lead-side-item img,.newsroom-theme .lead-side-item .ph{width:100%;margin-bottom:8px;aspect-ratio:16/9;}
  .newsroom-theme .p-cols{grid-template-columns:1fr;}
  .newsroom-theme .p-rail{position:static;}
  .newsroom-theme .cat-hero{grid-template-columns:1fr;}
  .newsroom-theme .cat-hero img,.newsroom-theme .cat-hero .card-ph{aspect-ratio:16/9;}
  .newsroom-theme .grid-4{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:620px){
  .newsroom-theme{--pad:14px;--s5:28px;--s6:42px;}
  .newsroom-theme main,.newsroom-theme main.wrap{padding-top:22px;padding-bottom:42px;}
  .newsroom-theme .brand{font-size:23px;}
  .newsroom-theme .brand::before{width:14px;height:27px;}
  .newsroom-theme .hero-stage{aspect-ratio:4/3;}
  .newsroom-theme .hs-cap{padding:64px 16px 16px;}
  .newsroom-theme .hs-cap h1,.newsroom-theme .hs-cap h2{font-size:clamp(27px,7vw,var(--fs-lead));}
  .newsroom-theme .hero-dots{top:10px;right:10px;gap:5px;}
  .newsroom-theme .hd{width:30px;height:30px;}
  .newsroom-theme .hero-pause{min-width:54px;height:30px;padding:0 6px;}
  .newsroom-theme .lead-side{grid-template-columns:repeat(2,1fr);}
  .newsroom-theme .quad{grid-template-columns:repeat(2,1fr);gap:14px;}
  .newsroom-theme .qd h3{padding:10px 0 14px;font-size:16px;}
  .newsroom-theme .hl-cols{grid-template-columns:1fr;padding:0;border-bottom:0;}
  .newsroom-theme .hl-col{padding:18px 0;border-right:0;border-bottom:1px solid var(--line);}
  .newsroom-theme .row-card{grid-template-columns:124px 1fr;gap:12px;}
  .newsroom-theme .row-card img,.newsroom-theme .row-card .card-ph{height:86px;aspect-ratio:auto;}
  .newsroom-theme .row-b p{display:none;}
  .newsroom-theme .row-b h3{font-size:17px;}
  .newsroom-theme .catsec-grid,.newsroom-theme .grid-3{grid-template-columns:1fr;}
  .newsroom-theme .grid-4{grid-template-columns:repeat(2,1fr);}
  .newsroom-theme .grid{grid-template-columns:1fr;}
  .newsroom-theme .grid.grid-4,.newsroom-theme .grid.grid-3{grid-template-columns:repeat(2,1fr);}
  .newsroom-theme .post-head h1{font-size:clamp(30px,8vw,var(--fs-lead));line-height:1.18;}
  .newsroom-theme .spot{font-size:19px;line-height:1.45;}
  .newsroom-theme .prose{font-size:17px;line-height:1.75;}
  .newsroom-theme .cat-head h1,.newsroom-theme .page-head h1{font-size:30px;}
}

@media(max-width:420px){
  .newsroom-theme .brand{font-size:21px;letter-spacing:-.05em;}
  .newsroom-theme .brand::before{display:none;}
  .newsroom-theme .lead-side{grid-template-columns:1fr;}
  .newsroom-theme .lead-side-item{display:grid;grid-template-columns:104px 1fr;gap:10px;}
  .newsroom-theme .lead-side-item img,.newsroom-theme .lead-side-item .ph{width:104px;margin:0;aspect-ratio:4/3;}
  .newsroom-theme .quad{gap:12px;}
  .newsroom-theme .qd h3{font-size:15.5px;line-height:1.28;}
  .newsroom-theme .grid.grid-4,.newsroom-theme .grid.grid-3{grid-template-columns:1fr;}
}

@media(prefers-reduced-motion:reduce){
  .newsroom-theme .hs.on .hs-cap{animation:none;}
  .newsroom-theme .qd img,.newsroom-theme .card img,.newsroom-theme .strip-card img,
  .newsroom-theme .cat-lead img,.newsroom-theme .gal-card img{transition:none;}
  .newsroom-theme .qd:hover img,.newsroom-theme .card:hover img,.newsroom-theme .strip-card:hover img,
  .newsroom-theme .cat-lead:hover img,.newsroom-theme .gal-card:hover img{transform:none;}
}

/* ═══════════════ İNTERNET HABER PORTALI KİMLİĞİ ═══════════════
   Aynı yayın sözleşmesini koruyan, fakat servis → sürmanşet → manşet →
   kategori akışıyla yoğun ulusal portal ritmi kuran özgün görünüm. */
.internet-news-theme{
  --accent:#d71920;
  --accent-ink:#a90f15;
  --accent-soft:#fff0f0;
  --bg:#f1f3f5;
  --surface:#fff;
  --ink:#111318;
  --muted:#59616c;
  --line:#dfe3e8;
  --maxw:1180px;
  --wrap:var(--maxw);
  --rail:310px;
  --r:3px;
  --r-sm:3px;
  --head-h:142px;
}

.internet-service-strip{background:#171a21;color:#fff;border-bottom:3px solid var(--accent);}
.internet-service-in{display:flex;align-items:center;gap:18px;min-height:36px;overflow:hidden;}
.internet-service-title{flex:none;color:#ffb5b7;font-size:10px;font-weight:900;letter-spacing:.12em;}
.internet-service-in nav{display:flex;align-items:center;gap:18px;min-width:0;overflow-x:auto;scrollbar-width:none;}
.internet-service-in nav::-webkit-scrollbar{display:none;}
.internet-service-in a{flex:none;color:#f6f7f9;font-size:12px;font-weight:750;white-space:nowrap;}
.internet-service-in a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.internet-service-rss{margin-left:auto;}

.internet-news-theme .masthead{position:relative;top:auto;box-shadow:none;border-bottom:0;}
.internet-news-theme .mast-top{min-height:84px;}
.internet-news-theme .brand{
  font-size:clamp(31px,4vw,48px);
  font-weight:950;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.internet-news-theme .brand::before{display:none;}
.internet-news-theme .brand::after{display:block;width:11px;height:11px;border-radius:1px;background:var(--accent);}
.internet-news-theme .header-services{margin-left:auto;}
.internet-news-theme .nav-band{background:var(--accent);border:0;}
.internet-news-theme .nav-in{min-height:46px;}
.internet-news-theme .mainnav{gap:0;}
.internet-news-theme .mainnav>a,
.internet-news-theme .nav-item>a{color:#fff;padding-inline:13px;font-size:14px;font-weight:850;}
.internet-news-theme .mainnav>a:first-child{padding-left:13px;}
.internet-news-theme .mainnav>a:hover,
.internet-news-theme .nav-item>a:hover{background:#fff;color:var(--accent-ink);}
.internet-news-theme a.nav-hl,
.internet-news-theme .nav-hl>a{color:#fff;background:#9e0c12;}
.internet-news-theme .search-toggle{background:#fff;color:var(--accent);}
.internet-news-theme .search-toggle:hover{background:#171a21;color:#fff;}

.internet-news-theme .ticker{border-bottom:1px solid var(--line);}
.internet-news-theme .ticker-in{min-height:42px;}
.internet-news-theme .tk-label{background:#171a21;}
.internet-news-theme main,.internet-news-theme main.wrap{padding-top:20px;}
.internet-news-theme .portal>*{margin-bottom:24px;}

.internet-super{background:var(--surface);border-top:5px solid var(--accent);border-bottom:1px solid var(--line);}
.internet-super-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px 9px;}
.internet-super-head h2{font-size:15px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;}
.internet-super-head>a{color:var(--accent-ink);font-size:12px;font-weight:850;}
.internet-super-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);}
.internet-super-card{display:block;min-width:0;padding:10px;border-right:1px solid var(--line);}
.internet-super-card:last-child{border-right:0;}
.internet-super-card img,.internet-super-card>.ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--line);}
.internet-super-card strong{display:-webkit-box;margin-top:8px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:14px;line-height:1.28;}
.internet-super-card:hover strong{color:var(--accent-ink);}

.internet-news-theme .lead-grid{grid-template-columns:minmax(0,2.15fr) minmax(260px,1fr);gap:18px;}
.internet-news-theme .hero-stage{aspect-ratio:16/9;border-radius:0;box-shadow:none;}
.internet-news-theme .hs-cap{padding:76px 24px 72px;background:rgba(10,12,17,.82);}
.internet-news-theme .hs-cap h1,.internet-news-theme .hs-cap h2{font-size:clamp(27px,3vw,42px);line-height:1.08;}
.internet-news-theme .hero-dots{
  left:14px;
  right:14px;
  top:auto;
  bottom:14px;
  max-width:calc(100% - 28px);
  max-height:none;
  transform:none;
  flex-flow:row nowrap;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
}
.internet-news-theme .hero-dots::-webkit-scrollbar{display:none;}
.internet-news-theme .hd{width:34px;height:34px;background:#171a21;border-color:rgba(255,255,255,.7);}
.internet-news-theme .hd.on{background:var(--accent);}
.internet-news-theme .hero-pause{flex:none;height:34px;background:#fff;color:#171a21;border:0;}
.internet-news-theme .lead-side{border-top:5px solid var(--accent);padding:12px;background:#fff;}
.internet-news-theme .lead-side>h2{padding-bottom:8px;border-bottom:1px solid var(--line);font-size:18px;text-transform:uppercase;}
.internet-news-theme .lead-side-item{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:11px 0;}
.internet-news-theme .lead-side-item span:last-child{font-size:14px;line-height:1.28;font-weight:850;}

.internet-news-theme .quad{gap:12px;}
.internet-news-theme .qd{border-top:4px solid #171a21;}
.internet-news-theme .qd h3{padding-inline:0;font-size:17px;}
.internet-news-theme .hl-cols{padding:18px;background:#fff;}
.internet-news-theme .p-cols{grid-template-columns:minmax(0,1fr) var(--rail);gap:22px;}
.internet-news-theme .sec{font-size:21px;border-bottom:2px solid #171a21;padding-bottom:8px;}
.internet-news-theme .sec>span:first-child{width:5px;height:23px;background:var(--accent);}
.internet-news-theme .rail-box{border-top-color:var(--accent);background:#fff;}
.internet-writers{background:#171a21;color:#fff;border-top:5px solid var(--accent);padding:18px;}
.internet-writers-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;}
.internet-writers-head h2{font-size:21px;font-weight:950;text-transform:uppercase;}
.internet-writers-head>a{color:#ffb5b7;font-size:12px;font-weight:850;}
.internet-writers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#3a3e47;border:1px solid #3a3e47;}
.internet-writer{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;background:#171a21;}
.internet-writer img,.internet-writer-avatar{width:48px;height:48px;flex:none;border-radius:50%;object-fit:cover;background:#fff;color:var(--accent);display:grid;place-items:center;font-size:20px;font-weight:950;}
.internet-writer>span:last-child{display:flex;min-width:0;flex-direction:column;}
.internet-writer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.internet-writer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#abb1bc;font-size:11px;}
.internet-writer:hover b{color:#ffb5b7;}
.internet-news-theme .sitefooter{border-top-color:var(--accent);background:#171a21;}

@media(max-width:1040px){
  .internet-news-theme{--pad:18px;}
  .internet-news-theme .brand{font-size:34px;}
  .internet-news-theme .mainnav>a,.internet-news-theme .nav-item>a{padding-inline:9px;font-size:13px;}
  .internet-super-grid{grid-template-columns:repeat(5,210px);overflow-x:auto;scroll-snap-type:x proximity;}
  .internet-super-card{scroll-snap-align:start;}
}

@media(max-width:900px){
  .internet-news-theme{--head-h:72px;}
  .internet-service-in{padding-inline:18px;}
  .internet-service-title,.internet-service-rss{display:none;}
  .internet-service-in nav{width:100%;}
  .internet-news-theme .mast-top{min-height:72px;}
  .internet-news-theme .nav-band{background:#fff;}
  .internet-news-theme .mnav-toggle{background:#171a21;}
  .internet-news-theme .mnav-toggle span{background:#fff;}
  .internet-news-theme .mainnav.open{border-top:4px solid var(--accent);}
  .internet-news-theme .mainnav.open>a,.internet-news-theme .mainnav.open .nav-item>a{color:var(--ink);}
  .internet-news-theme .lead-grid,.internet-news-theme .p-cols{grid-template-columns:1fr;}
  .internet-writers-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:620px){
  .internet-news-theme{--pad:14px;}
  .internet-service-in{padding-inline:14px;}
  .internet-news-theme .brand{font-size:24px;}
  .internet-super-grid{grid-template-columns:repeat(5,172px);}
  .internet-super-card{padding:8px;}
  .internet-news-theme .hero-stage{aspect-ratio:4/3;}
  .internet-news-theme .hs-cap{padding:52px 16px 62px;}
  .internet-news-theme .hs-cap h1,.internet-news-theme .hs-cap h2{font-size:clamp(24px,7vw,32px);}
  .internet-news-theme .hero-dots{left:10px;right:10px;top:auto;bottom:10px;gap:6px;max-width:calc(100% - 20px);}
  .internet-news-theme .hd{width:32px;height:32px;}
  .internet-news-theme .hero-pause{height:32px;min-width:58px;}
  .internet-news-theme .lead-side{grid-template-columns:1fr;}
  .internet-news-theme .lead-side-item{display:grid;grid-template-columns:112px minmax(0,1fr);}
  .internet-writers-grid{grid-template-columns:1fr;}
}

@media(max-width:380px){
  .internet-news-theme .brand{font-size:21px;}
  .internet-news-theme .hd{width:30px;height:30px;}
  .internet-news-theme .hero-pause{height:30px;min-width:54px;font-size:10px;}
}