@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════════════════════
   Buluthaber — ulusal haber portalı teması.

   Barlow/Barlow Condensed tipografi (layout.liquid Google Fonts ile yükler,
   sistem sans yedeklidir), kırmızı-antrasit palet, 1200px yayın ızgarası.
   Anasayfa listeleri panelden yönetilir (Anasayfa Düzeni + Manşet Sıralama).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 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: #B31E27 }

:root{
  /* Panel önayarlarının değiştirebildiği kanonik tema değişkenleri. */
  --ink:#16181D;--muted:#6E7076;--soft:#8B8E96;--line:#E5E3DE;
  --bg:#F6F5F2;--surface:#fff;
  --accent:#B31E27;
  --accent-ink:#971722;--accent-ink:color-mix(in srgb,var(--accent) 78%,#000);
  --accent-soft:#faeff0;--accent-soft:color-mix(in srgb,var(--accent) 9%,#fff);
  --danger:#B31E27;--premium:#9b6615;--ai:#6750a4;--ok:#278247;
  /* @property desteklemeyen tarayıcılar için taban değer */
  --cat:var(--accent);

  /* Fontlar layout.liquid'den Google Fonts ile gelir; yığın sistem yedekli. */
  --sans:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --display:"Barlow Condensed","Arial Narrow",Arial,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:1200px;--wrap:var(--maxw);--rail:384px;--pad:15px;
  --r:6px;--r-sm:4px;--r-xs:3px;--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.
   Kırpılan başlıkta text-wrap:wrap şart: global h1-h4 kuralındaki text-wrap:balance,
   line-clamp ile birleşince satırları dengelemek için daraltıyor ve iki satıra
   sığacak başlığı bile … ile kırpıyordu (Chromium davranışı). */
.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;
  text-wrap:wrap;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;
  text-wrap:wrap;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);}
/* max-width:none şart: newsroom tabanının 17ch başlık daraltması bu temaya da
   sızıyor (body iki tema sınıfını birden taşıyor) ve line-clamp:2 ile birleşince
   geniş manşette bile başlığı … ile kırpıyordu. */
.internet-news-theme .hs-cap h1,.internet-news-theme .hs-cap h2{max-width:none;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;}
.internet-news-theme .internet-top-ad{width:min(100%,1000px);margin:30px auto 20px;padding:0 15px;}
.internet-news-theme .internet-top-ad:empty{display:none;}
.internet-news-theme .internet-top-ad>.widget-ad-slot,
.internet-news-theme .internet-top-ad>.bulutmedya-ad-slot{margin-inline:auto;}

@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-news-theme .internet-top-ad{display:none;}
  .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;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   BULUTHABER BİLEŞENLERİ — bu temanın kendine özgü blokları (bh-*).
   Üstteki taban kurallar internet-news iskeletinden gelir; buradaki bölüm
   masthead'i, manşet ızgarasını ve yeni blokları buluthaber düzenine çevirir.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Tek satır masthead: marka + servis şeridi + arama ──────────────────── */
.bh-mast{display:flex;align-items:center;gap:var(--s4);min-height:76px;background:var(--surface)}
.masthead{background:var(--surface);border-bottom:0}
.brand{font-family:var(--display);font-weight:800;font-size:38px;letter-spacing:-.5px;line-height:1;white-space:nowrap}
.brand b{color:var(--ink);font-weight:800}
.brand i{color:var(--accent);font-style:normal;font-weight:800}

/* Servis şeridi: kiracının Üst Bant alanına eklediği Servis Şeridi widget'ları
   (döviz/altın, hava…) masthead içinde yatay tek çizgide akar; her kalem ince
   dikey ayraçla ayrılır. Widget başlığı burada gereksiz — gizlenir. */
.bh-services{display:flex;align-items:center;gap:0;overflow:hidden;white-space:nowrap;flex:1;min-width:0;justify-content:flex-end}
.bh-services .widget{margin:0;display:flex;align-items:center}
.bh-services .widget-title{display:none}
.bh-services .winterest{display:flex;flex-direction:row;align-items:center;gap:0;margin:0}
.bh-services .winterest li{display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  padding:0 var(--s3);border-left:1px solid var(--line)}
.bh-services > :first-child li:first-child,
.bh-services > :first-child .winterest li:first-child{border-left:0}
.bh-services .wi-n{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--ink);text-transform:uppercase}
.bh-services .wi-v{font-size:13.5px;font-weight:600;color:var(--muted)}

.bh-search{margin-left:0;display:flex;align-items:center;height:42px;width:min(300px,26vw);
  background:#F3F2EF;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 4px 0 14px}
.bh-search input{flex:1;min-width:0;border:0;background:none;font-size:14px;outline:none}
.bh-search button{border:0;background:none;color:var(--muted);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--r-xs)}

/* ── Nav bandı: beyaz zemin, kalın büyük-harf koyu linkler ──────────────── */
.nav-band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nav-band .nav-item{color:var(--ink);font-weight:800;font-size:14.5px;letter-spacing:.02em;text-transform:uppercase}
.nav-band .nav-item:hover,.nav-band .nav-item[aria-current]{background:none;color:var(--accent)}
.nav-band .svc-links a{color:var(--ink);font-weight:800;font-size:14.5px;text-transform:uppercase;letter-spacing:.02em}
.nav-band .svc-links a:hover{color:var(--accent)}

/* ── Manşet ızgarası: slider (792) + numaralı sıralı liste (384) ────────── */
.bh-lead{display:grid;grid-template-columns:1fr var(--rail);gap:var(--s4);align-items:stretch}
.bh-lead .hero-stage{border-radius:var(--r);overflow:hidden}
.hs-cat{background:var(--cat);color:#fff}
.hs-spot{color:rgba(255,255,255,.78);font-size:15px;margin-top:6px;display:none}
@media(min-width:901px){.hs-spot{display:block}}

.bh-rank{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);border:1px solid var(--line);
  padding:var(--s1) 0;overflow:hidden}
.bh-rank ol{display:flex;flex-direction:column;height:100%}
.bh-rank li{display:flex;gap:12px;align-items:baseline;padding:9px var(--s3);border-bottom:1px solid #F0EFEB;flex:1}
.bh-rank li:last-child{border-bottom:0}
.bh-rank-n{font-family:var(--display);font-weight:800;font-size:22px;color:var(--accent);min-width:24px;flex-shrink:0}
.bh-rank a{font-size:14px;font-weight:600;line-height:1.35;color:#33363D;display:block}
.bh-rank li:first-child a{font-weight:700;color:var(--ink)}
.bh-rank a:hover{color:var(--accent)}

/* ── Sürmanşet dörtlüsü ─────────────────────────────────────────────────── */
.bh-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.bh-card{background:var(--surface);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.bh-card-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.bh-card-media img{width:100%;height:100%;object-fit:cover}
.bh-kick{position:absolute;top:10px;left:10px;background:var(--cat);color:#fff;font-size:11px;font-weight:700;
  letter-spacing:.5px;padding:3px 8px;border-radius:var(--r-xs);text-transform:uppercase}
.bh-card h3{padding:12px 14px 14px;font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:0}
.bh-card:hover h3{color:var(--accent)}

/* ── Sağ ray ek kutuları ────────────────────────────────────────────────── */
.bh-writers{display:flex;flex-direction:column}
.bh-writer{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #F0EFEB}
.bh-writer:last-child{border-bottom:0}
.bh-writer img,.bh-writer-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.bh-writer-avatar{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;
  font-family:var(--display);font-weight:700;font-size:18px}
.bh-writer b{display:block;font-size:13px;color:var(--accent)}
.bh-writer small{font-size:13.5px;font-weight:600;color:#33363D;line-height:1.35}
.bh-daylist{display:flex;flex-direction:column}
.bh-daylist a{display:block;padding:10px 0;border-bottom:1px solid #F0EFEB}
.bh-daylist a:last-child{border-bottom:0}
.bh-daylist span{display:block;font-size:14px;font-weight:600;line-height:1.4;color:#33363D}
.bh-daylist a:hover span{color:var(--accent)}
.bh-daylist time{font-size:12px;color:var(--soft)}

/* ── TV şeridi: koyu zemin, tam genişlik hissi ──────────────────────────── */
.bh-tv{background:var(--ink);border-radius:var(--r);padding:var(--s4) var(--s4) var(--s5)}
.bh-tv-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #2C2F37;
  padding-bottom:12px;margin-bottom:var(--s3)}
.bh-tv-head h2{font-family:var(--display);font-weight:800;font-size:24px;color:#fff;letter-spacing:0}
.bh-tv-head a{font-size:13px;font-weight:600;color:var(--soft)}
.bh-tv-head a:hover{color:#fff}
.bh-tv-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.bh-tv-media{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden}
.bh-tv-media img{width:100%;height:100%;object-fit:cover}
.bh-tv-media .play{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;
  background:color-mix(in srgb,var(--accent) 92%,transparent);color:#fff;display:flex;align-items:center;justify-content:center}
.bh-tv-card h3{margin-top:10px;font-size:14px;font-weight:600;line-height:1.4;color:#E8E9EC;letter-spacing:0}
.bh-tv-card:hover h3{color:#fff}

/* ── Koyu footer ────────────────────────────────────────────────────────── */
.sitefooter{background:#101216;color:#8B8E96}
.foot-logo{font-family:var(--display);font-weight:800;font-size:30px;line-height:1;display:inline-block;margin-bottom:10px}
.foot-logo b{color:#fff}
.foot-logo i{color:var(--accent);font-style:normal}
.foot-bottom{border-top:1px solid #22252C;margin-top:var(--s4)}
.foot-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);
  min-height:52px;font-size:12px;color:var(--muted);flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.bh-top-ad:empty{display:none}

/* ── Duyarlı düzen ──────────────────────────────────────────────────────── */
@media(max-width:900px){
  .bh-lead{grid-template-columns:1fr}
  .bh-quad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bh-tv-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand{font-size:30px}
  .bh-search{display:none}
  .bh-mast{min-height:56px}
}
@media(max-width:620px){
  .bh-quad{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
  .bh-tv-row{grid-template-columns:1fr 1fr;gap:var(--s2)}
  .bh-topbar-in{justify-content:center}
  .bh-services{display:none}
  .bh-rank li{padding:9px var(--s2)}
  .foot-bottom-in{justify-content:center;text-align:center}
}

/* ── Dar viewport güvenliği (tema duyarlılık sözleşmesi) ─────────────────
   Uzun URL/embed yatay kaydırma açmasın: gövde yatayda kırpılır, gömülü
   medya kutusundan taşamaz. */
body{overflow-x:clip}
iframe,video,embed{max-width:100%}

/* ── Nav bandı düzeni: masaüstünde arama masthead'dedir (bh-search) ──────
   nav içindeki katman arama kutusu ve büyüteç yalnız mobil menü içindir. */
.nav-in{display:flex;align-items:center;gap:12px}
.nav-in .mainnav{flex:1 1 auto;min-width:0}
@media(min-width:901px){
  .search-toggle{display:none}
  .nav-in .searchbox{display:none}
}
.nav-in .mainnav{order:1}
.nav-in .svc-links{order:2;margin-left:auto}

/* ── Manşet noktaları: buluthaber düzeni ─────────────────────────────────
   Taban iskelet noktaları sol kenara DİKEY diziyordu (newsroom kalıbı) ve
   mobilde 40px daireler görseli örtüyordu. Buluthaber'de noktalar görselin
   ALTINDA sağda küçük yatay sıradır; başlık şeridi sola akar, çakışmaz. */
/* Taban iskelet manşeti tam genişlik sinematik bant (38:10) varsayar; buluthaber'de
   manşet 2/3 kolonda yaşar — 38:10 orada 256px'lik basık bir şeride dönüşüp fotoğrafı
   başlık şeridinin altında bırakıyordu. Kolon düzeninde oran 16:9'dur; sıralı liste
   kendi yüksekliğinde kalır (stretch manşeti suni büyütmesin). */
.buluthaber-theme .bh-lead{align-items:start}
.buluthaber-theme .bh-main .hero-stage{aspect-ratio:3/2}
.buluthaber-theme .bh-side .hero-stage{aspect-ratio:1/1}
.buluthaber-theme .hero-dots{
  left:auto;right:10px;top:auto;bottom:10px;transform:none;
  flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center}
.buluthaber-theme .hd{width:28px;height:28px;font-size:12px;border-width:1px;
  background:rgba(10,11,14,.55)}
.buluthaber-theme .hd.on{transform:none}
.buluthaber-theme .hero-pause{position:static;margin-left:4px;padding:4px 10px;font-size:12px}
/* Başlık şeridi: taban gradyan slaytın %88'ini koyu örtüyordu (fotoğraf görünmüyordu)
   ve solda eski dikey nokta kolonu için +58px boşluk bırakıyordu. Buluthaber'de
   gradyan yalnız alt bölümde koyulaşır, fotoğraf üstte açık kalır. */
.buluthaber-theme .hs-cap{
  padding:var(--s6) var(--s4) 52px var(--s4);
  background:linear-gradient(to top,rgba(5,9,20,.88) 0%,rgba(5,9,20,.5) 36%,rgba(5,9,20,0) 74%)}
.buluthaber-theme .hs-cap h2,.buluthaber-theme .hs-spot{max-width:82%}
@media(max-width:620px){
  .buluthaber-theme .hero-dots{right:8px;bottom:8px;gap:5px}
  .buluthaber-theme .hd{width:32px;height:32px;font-size:12px}
  .buluthaber-theme .hs-cap{padding:var(--s5) var(--s3) 56px var(--s3)}
  .buluthaber-theme .hs-cap h2{max-width:100%}
}

/* --- Manşet metni anahtarı (panel: site.heroText=false → .hero-notext) ---
   Görsel zaten metin içeriyorsa başlık/spot overlay'i kapatılır. Metin DOM'da
   kalır (link erişilebilir adı + SEO), yalnız görsel olarak gizlenir; metin
   okunurluğu için duran gradyan da kalkar. CANLI/SON DAKİKA rozeti görünür kalır. */
.hero-notext .hs-cap{background:none}
.hero-notext .hs-cap h1,.hero-notext .hs-cap h2,.hero-notext .hs-cap .hs-spot{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Servis şeridi yön okları (kur beslemesi) ────────────────────────────── */
#bhStrip{display:contents}
.bh-services .wi-v{display:inline-flex;align-items:center;gap:4px}
.wi-dir{flex:none}
.wi-up{color:#1F9D55}
.wi-dn{color:#D33B3B}

/* ── Manşet sliderları: noktalar GÖRSELİN ALTINDA numaralı sıra ──────────
   Ana manşet 20'ye kadar numara + T (tüm haberler); 2. manşet (sıralı liste
   yerleşimi) kendi numaralarıyla. Duraklatma butonu yok. */
.bh-slider{min-width:0}
.bh-slider .hero-stage{box-shadow:var(--sh1);border:1px solid var(--line)}
.bh-dots{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.bh-dots .hd{position:static;width:30px;height:30px;border:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  background:#9DA1A8;color:#fff;font-size:13px;font-weight:700;transform:none}
.bh-dots .hd:hover{background:var(--ink)}
.bh-dots .hd.on{background:var(--accent);color:#fff;transform:none}
.bh-dots .hd-all{background:var(--ink)}
.bh-side .hs-cap{padding:var(--s4) var(--s3) var(--s3)}
.bh-side .hs-cap h2{font-size:18px;line-height:1.25}
@media(max-width:900px){
  .bh-side{margin-top:var(--s3)}
  .bh-side .hero-stage{aspect-ratio:16/9}
  /* 20 nokta dar ekranda satırlara kırılıp yer yemesin: tek satır, parmakla kaydırılır. */
  .bh-dots{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;
    scrollbar-width:none}
  .bh-dots::-webkit-scrollbar{display:none}
  .bh-dots .hd{width:34px;height:34px;flex:none}
}