/* ═══════════════════════════════════════════════════════════════════════
   YENİ TEMA · BİÇİMLER                                  yeni3/stil.css
   -----------------------------------------------------------------------
   Yapı EraNews şablonundan, renkler ydh kiremit paletinden.
   Turuncuya dönmek isterseniz --z ve --zk yeter.

   DIKKAT: ızgara sütunlarında düz "1fr" YAZMAYIN. 1fr = minmax(auto,1fr)
   demektir; içindeki flex şerit (manşet, kayan haberler) min-width:auto
   yüzünden sütunu şişirir ve mobilde sayfa yana kayar. minmax(0,...) şart.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── PALET: eski ydh.com.tr'den ÖLÇÜLEREK alındı (2026-08-18) ──
   Uydurma renk yok; hepsi canlı sitenin getComputedStyle değeri:
     html/body           rgb(255,249,243)  #fff9f3   dış zemin
     .site_container     rgb(255,241,229)  #fff1e5   kâğıt
     h4.box_header       rgb(180,76,36)    #b44c24   KİREMİT (119 yerde)
     .footer_container   rgb(54,59,64)     #363b40   altlık
     koyu metin          rgb(37,40,42)     #25282a
     soluk metin         rgb(120,115,106)  #78736a                      */
:root{
  /* 2026-08-18: müşteri örnek renk gönderdi — eski kiremit #b44c24 yerine
     bu kahve kullanılacak. Menü zemini ve bütün blok başlık bantları bu. */
  --z:#795548;        /* kahve — sitenin vurgu rengi */
  --zk:#5d4037;       /* koyu kahve — üzerine gelince / kenar */
  --siyah:#363b40;    /* altlık ve koyu bantlar (eski footer rengi) */
  --kagit:#ece8dd;    /* gazete kâğıdı — blok içi */
  --kagitc:#dcd4c3;   /* çizgi */
  --murekkep:#25282a;
  --murekkep2:#4a443c;
  --soluk:#78736a;
  --zemin:#fff1e5;    /* kapsayıcının kâğıdı */
  --dis:#fff9f3;      /* sayfanın dış zemini */
  --beyaz:#fff;
  --d:"Roboto Slab",Georgia,serif;
  --m:"Roboto","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--dis);color:var(--murekkep);font:16px/1.6 var(--m)}
img{max-width:100%}
a{color:inherit}
.kap{max-width:1200px;margin:0 auto;background:var(--zemin);box-shadow:0 0 34px rgba(0,0,0,.14)}

/* ── Önizleme uyarısı ── */
.oz-uyari{background:#fff3cd;border-bottom:2px solid #c8a233;padding:11px 20px;
  font-size:13.5px;line-height:1.55;color:#5c4a10}

/* ══════════ 1 · ÜST BANT ══════════ */
.ust{display:flex;align-items:stretch;background:var(--kagit);border-bottom:1px solid var(--kagitc)}
.ust-etiket{background:var(--z);color:#fff;font:700 .72rem/1 var(--m);letter-spacing:.12em;
  text-transform:uppercase;padding:0 15px;display:flex;align-items:center;white-space:nowrap}
.ust-akis{flex:1 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center;padding:0 14px}
.ust-akis a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font-size:.87rem;color:var(--murekkep2);text-decoration:none}
.ust-akis a:hover{color:var(--z)}
.ust-ara{display:flex;align-items:center;border-left:1px solid var(--kagitc)}
.ust-ara input{border:none;background:none;padding:9px 12px;font:inherit;font-size:.85rem;
  width:150px;outline:none;color:var(--murekkep)}
.ust-ara button{border:none;background:var(--z);color:#fff;width:42px;cursor:pointer;
  align-self:stretch;font-size:15px}
.ust-ara button:hover{background:var(--zk)}

/* ══════════ 2 · KÜNYE — logo SOLDA, reklam sağda ══════════ */
.kunye{display:flex;align-items:center;gap:26px;padding:20px 20px 18px;flex-wrap:wrap}
.kunye-logo{flex:0 0 auto;text-decoration:none}
.kunye-logo img{height:54px;display:block}
.kunye-rk{flex:1 1 320px;min-width:0;display:flex;justify-content:flex-end}
.yer{width:100%;max-width:728px;min-height:90px;border:1px dashed var(--kagitc);
  background:var(--kagit);display:flex;align-items:center;justify-content:center;
  font-size:.74rem;color:var(--soluk);letter-spacing:.1em;text-transform:uppercase;
  text-align:center;padding:10px}

/* ══════════ 3 · MENÜ ══════════ */
/* Menü zemini de vurgu rengi (müşteri isteği) — yazılar beyaza döndü. */
/* DIKKAT: menü SAYFA İÇERİĞİNİN ÜSTÜNDE olmalı. Açılır alt menü z-index:30'du,
   manşetin yazı perdesi 40 — "ANALİZLER"i açınca alt kısmı perdenin ALTINDA
   kalıyordu. Menü şeridi kendi katmanını kuruyor, açılır kutu 70'e çıktı.
   Katman düzeni: manşet 40 · yukarı-çık 50 · okuma çubuğu 60 · MENÜ 70 ·
   mobil çekmece 80/81. */
.menu{position:relative;z-index:70;background:var(--z);border-bottom:3px solid var(--zk)}
.menu-ic{display:flex;flex-wrap:wrap;align-items:stretch;padding:0 20px}
.menu-oge{position:relative}
.menu-oge>a{display:flex;align-items:center;gap:5px;padding:13px 15px;text-decoration:none;
  font:700 .82rem/1 var(--m);letter-spacing:.04em;text-transform:uppercase;color:#fff;
  transition:background .15s ease}
.menu-oge:hover>a,.menu-oge.on>a{background:rgba(0,0,0,.2);color:#fff}
.menu-alt{position:absolute;top:100%;left:0;z-index:70;min-width:210px;background:#fff;
  border:1px solid var(--kagitc);border-top:2px solid var(--z);box-shadow:0 8px 22px rgba(0,0,0,.14);
  padding:5px 0;display:none}
.menu-oge:hover .menu-alt{display:block}
.menu-alt a{display:block;padding:8px 15px;font-size:.85rem;text-decoration:none;color:var(--murekkep2)}
.menu-alt a:hover{background:var(--kagit);color:var(--z)}
.menu-ok{font-size:9px;opacity:.6}
.menu-mobil{display:none;border:none;background:none;padding:13px 20px;cursor:pointer;
  font:700 .82rem/1 var(--m);text-transform:uppercase;color:#fff}

/* ══════════ ORTAK · bölüm başlığı bandı ══════════ */
/* Eski sitenin imzası: bölüm başlığı KİREMİT bant + beyaz yazı
   (h4.box_header). Varsayılan bu; koyu isteyen .koyu ekler. */
.bant{display:flex;align-items:center;margin:0 0 15px;border-bottom:3px solid var(--z)}
.bant h2{margin:0;background:var(--z);color:#fff;padding:8px 14px;
  font:700 .88rem/1 var(--d);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bant .tumu{margin-left:auto;padding:0 3px 5px;font:700 .64rem/1 var(--m);letter-spacing:.1em;
  text-transform:uppercase;color:var(--soluk);text-decoration:none}
.bant .tumu:hover{color:var(--z)}
.bant.koyu{border-bottom-color:var(--siyah)}
.bant.koyu h2{background:var(--siyah)}

/* ══════════ 4 · ANA IZGARA ══════════ */
.govde{display:grid;gap:24px;padding:24px 20px 10px;
  grid-template-columns:minmax(0,21fr) minmax(0,51fr) minmax(0,28fr)}
.govde>*{min-width:0}
.ray>*+*{margin-top:28px}          /* yan raylardaki bloklar arası */
.orta>*+*{margin-top:28px}

/* ── Sol ray · Editörün Seçtikleri ── */
.secki-oge{padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid var(--kagitc)}
.secki-oge:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.secki-im{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.secki-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.secki-oge:hover .secki-im img{transform:scale(1.05)}
.secki-bas{margin:9px 0 0;font:700 .98rem/1.32 var(--d)}
.secki-bas a{color:var(--murekkep);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.secki-bas a:hover{color:var(--z)}
.secki-meta{margin-top:6px;font-size:.68rem;color:var(--soluk);display:flex;gap:8px;flex-wrap:wrap}

/* ── Etiket bulutu ── */
.etiketler{display:flex;flex-wrap:wrap;gap:6px}
.etiketler a{display:inline-block;padding:6px 10px;border:1px solid var(--kagitc);
  background:var(--kagit);font-size:.72rem;color:var(--murekkep2);text-decoration:none}
.etiketler a:hover{background:var(--z);border-color:var(--z);color:#fff}

/* ══════════ ORTA · MANŞET ══════════ */
.man{position:relative;background:var(--siyah);overflow:hidden;touch-action:pan-y}
.man-ray{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.man-ray>*{min-width:0}
.man-sl{flex:0 0 100%;min-width:0;position:relative;display:block;text-decoration:none}
.man-im{display:block;aspect-ratio:16/10;overflow:hidden;background:#100d0b}
.man-im img{width:100%;height:100%;object-fit:cover;display:block}
/* Ozet kalkti (resmi kapatiyordu) — perde de kisaldi: artik sadece
   etiket + baslik korunacak kadar karartma var, gorselin ust ucu acik. */
.man-perde{position:absolute;inset:auto 0 0 0;padding:44px 22px 18px;
  background:linear-gradient(to top,rgba(18,14,11,.93) 0%,rgba(18,14,11,.66) 55%,rgba(18,14,11,0) 100%)}
.man-kick{display:inline-block;background:var(--z);color:#fff;padding:5px 10px;
  font:700 .64rem/1 var(--m);letter-spacing:.13em;text-transform:uppercase}
.man-bas{display:block;margin:10px 0 0;font:800 clamp(1.15rem,1.9vw,1.6rem)/1.22 var(--d);color:#fff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* .man-dek kaldirildi: mansette ozet yok. */
/* .man-ok kaldirildi: manset oklari yok, gecis kucuk resim seridinden. */
.man-serit{display:flex;background:var(--siyah);border-top:2px solid var(--z)}
.man-serit button{flex:1 1 0;min-width:0;border:none;padding:0;cursor:pointer;background:none;
  position:relative;aspect-ratio:16/11;overflow:hidden;opacity:.5;transition:opacity .2s ease}
.man-serit button img{width:100%;height:100%;object-fit:cover;display:block}
.man-serit button.on{opacity:1}
.man-serit button.on:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--z)}
.man-serit .daha{flex:0 0 58px;display:flex;align-items:center;justify-content:center;
  color:var(--z);font:700 .7rem/1 var(--m);text-decoration:none;text-transform:uppercase;letter-spacing:.06em}

/* ══════════ Kategori bloğu · lider + liste ══════════ */
.blok-ic{display:grid;gap:18px;grid-template-columns:minmax(0,47fr) minmax(0,53fr)}
.lider{text-decoration:none;display:block}
.lider-im{display:block;aspect-ratio:16/11;overflow:hidden;background:var(--kagit)}
.lider-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.lider:hover .lider-im img{transform:scale(1.05)}
.lider-meta{margin-top:9px;font-size:.67rem;color:var(--soluk);display:flex;gap:9px;flex-wrap:wrap}
.lider-bas{display:block;margin-top:5px;font:800 1.08rem/1.28 var(--d);color:var(--murekkep);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lider:hover .lider-bas{color:var(--z)}
.lider-ozet{display:block;margin-top:8px;font-size:.88rem;line-height:1.55;color:var(--murekkep2);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.mini{display:block;text-decoration:none;padding:0 0 11px;margin:0 0 11px;
  border-bottom:1px solid var(--kagitc)}
.mini:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.mini-bas{display:block;font:700 .92rem/1.34 var(--d);color:var(--z)}
.mini:hover .mini-bas{color:var(--zk)}
.mini-ozet{display:block;margin-top:4px;font-size:.82rem;color:var(--murekkep2);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.mini-meta{display:block;margin-top:4px;font-size:.66rem;color:var(--soluk)}

/* İki kategori bloğu yan yana */
.ikili{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ikili>*{min-width:0}
.ikili .blok-ic{grid-template-columns:minmax(0,1fr)}
.ikili .lider-bas{font-size:1rem}
.ikili .lider-ozet{-webkit-line-clamp:3}
.kucuk-liste .kl{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;
  text-decoration:none;padding:9px 0;border-bottom:1px solid var(--kagitc)}
.kucuk-liste .kl:last-child{border-bottom:none}
.kl-im{aspect-ratio:4/3;overflow:hidden;background:var(--kagit)}
.kl-im img{width:100%;height:100%;object-fit:cover;display:block}
.kl-ic{min-width:0}
.kl-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:700 .84rem/1.32 var(--d);color:var(--murekkep)}
.kl:hover .kl-bas{color:var(--z)}
.kl-tar{display:block;margin-top:4px;font-size:.64rem;color:var(--soluk)}

/* ══════════ SAĞ RAY ══════════ */
.oc-oge{display:grid;grid-template-columns:84px minmax(0,1fr);gap:11px;
  padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid var(--kagitc);text-decoration:none}
.oc-oge:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.oc-im{aspect-ratio:1/1;overflow:hidden;background:var(--kagit)}
.oc-im img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.oc-oge:hover .oc-im img{filter:none}
.oc-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:700 .92rem/1.32 var(--d);color:var(--murekkep)}
.oc-oge:hover .oc-bas{color:var(--z)}
.oc-meta{display:block;margin-top:5px;font-size:.66rem;color:var(--soluk)}

/* Sekmeli blok */
.sekme-bas{display:flex;border:1px solid var(--kagitc);border-bottom:none;background:var(--kagit)}
.sekme-bas button{flex:1 1 0;min-width:0;border:none;background:none;cursor:pointer;
  padding:9px 4px;font:700 .68rem/1 var(--m);letter-spacing:.06em;text-transform:uppercase;
  color:var(--murekkep2);border-bottom:2px solid transparent}
.sekme-bas button.on{background:#fff;color:var(--z);border-bottom-color:var(--z)}
.sekme-govde{border:1px solid var(--kagitc);border-top:none;padding:13px;background:var(--beyaz)}
.sekme-sayfa{display:none}
.sekme-sayfa.on{display:block}

/* Fotoğraflı haberler ızgarası */
.foto-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.foto-izgara a{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--kagit);position:relative}
.foto-izgara img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.foto-izgara a:hover img{transform:scale(1.09)}

/* Köşe yazıları (OPINION) */
.ky-oge{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:11px;align-items:center;
  padding:0 0 13px;margin:0 0 13px;border-bottom:1px solid var(--kagitc);text-decoration:none}
.ky-oge:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.ky-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:600 .9rem/1.34 var(--d);color:var(--murekkep)}
.ky-oge:hover .ky-bas{color:var(--z)}
.ky-ad{display:block;margin-top:5px;font:700 .72rem/1 var(--m);color:var(--z)}
.ky-tar{display:block;margin-top:3px;font-size:.64rem;color:var(--soluk)}
.ky-foto{width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--z);
  display:grid;place-items:center;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--z)}
.ky-foto img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transition:filter .25s}
.ky-oge:hover .ky-foto img{filter:none}
.ky-harf{color:#fff;font:700 1.15rem/1 var(--d)}

/* Video */
.video-kutu{position:relative;display:block;aspect-ratio:16/9;background:#100d0b;overflow:hidden}
.video-kutu img{width:100%;height:100%;object-fit:cover;display:block;opacity:.8}
.video-oynat{position:absolute;inset:0;display:grid;place-items:center}
.video-oynat span{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);
  color:var(--zk);display:grid;place-items:center;font-size:20px;padding-left:4px}
.video-bas{margin-top:9px;font:700 .92rem/1.34 var(--d)}

/* ══════════ 5 · KAYAN HABERLER (tam genişlik) ══════════ */
.kayan-sar{padding:6px 20px 0}
.kayan-kap{position:relative;overflow:hidden;touch-action:pan-y}
.kayan-ray{display:flex;gap:18px;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.kayan-ray>*{min-width:0}
.ky-kart{flex:0 0 calc((100% - 4 * 18px) / 5);min-width:0;text-decoration:none;display:block}
.ky-kart-im{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--kagit)}
.ky-kart-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.ky-kart:hover .ky-kart-im img{transform:scale(1.05)}
.ky-kart-bas{display:block;margin-top:9px;font:700 .92rem/1.32 var(--d);color:var(--murekkep);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ky-kart:hover .ky-kart-bas{color:var(--z)}
.ky-kart-ozet{display:block;margin-top:5px;font-size:.8rem;color:var(--murekkep2);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ky-kart-tar{display:block;margin-top:5px;font-size:.64rem;color:var(--soluk)}
.kayan-ok{display:flex;gap:3px;margin-left:auto}
.kayan-ok button{width:30px;height:26px;border:none;background:var(--siyah);color:#fff;
  cursor:pointer;font:700 15px/1 var(--m)}
.kayan-ok button:hover{background:var(--z)}

/* ══════════ 6 · ALT İKİLİ BLOK ══════════ */
.alt-ikili{padding:22px 20px 6px}

/* ══════════ 7 · ALTLIK ══════════ */
.altlik{background:var(--siyah);color:#cfc7ba;margin-top:26px;padding:34px 20px 0}
.altlik-ic{display:grid;gap:26px;grid-template-columns:minmax(0,26fr) repeat(2,minmax(0,24fr)) minmax(0,26fr)}
.altlik-ic>*{min-width:0}
.altlik h3{margin:0 0 14px;font:700 .82rem/1 var(--d);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.altlik-logo img{height:46px;display:block;margin-bottom:14px;filter:brightness(0) invert(1)}
.altlik p{margin:0 0 12px;font-size:.84rem;line-height:1.65;color:#a89f92}
.sosyal{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sosyal a{width:34px;height:34px;display:grid;place-items:center;background:rgba(255,255,255,.09);
  color:#e6e0d6;text-decoration:none;font-size:14px}
.sosyal a:hover{background:var(--z);color:#fff}
.al-oge{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;text-decoration:none;
  padding:0 0 11px;margin:0 0 11px;border-bottom:1px solid rgba(255,255,255,.1)}
.al-oge:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.al-im{aspect-ratio:1/1;overflow:hidden;background:#2f2925}
.al-im img{width:100%;height:100%;object-fit:cover;display:block}
.al-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font:600 .82rem/1.34 var(--d);color:#e6e0d6}
.al-oge:hover .al-bas{color:#fff}
.al-tar{display:block;margin-top:4px;font-size:.62rem;color:#8b8377}
.al-galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.al-galeri a{display:block;aspect-ratio:1/1;overflow:hidden;background:#2f2925}
.al-galeri img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.al-galeri a:hover img{transform:scale(1.09)}
.telif{margin-top:30px;border-top:1px solid rgba(255,255,255,.12);padding:15px 0;
  display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:.78rem;color:#8b8377}
.telif nav{margin-left:auto;display:flex;gap:16px}
.telif nav a{text-decoration:none;color:#cfc7ba}
.telif nav a:hover{color:var(--z)}

/* ══════════ DUYARLI ══════════ */
@media (max-width:1080px){
  .govde{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .govde .orta{grid-column:1 / -1;order:-1}
  .altlik-ic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ky-kart{flex:0 0 calc((100% - 2 * 18px) / 3)}
}
@media (max-width:760px){
  .kunye,.govde,.kayan-sar,.alt-ikili,.altlik{padding-left:14px;padding-right:14px}
  .menu-ic{padding:0 14px}
  .govde{grid-template-columns:minmax(0,1fr);gap:30px}
  .govde .orta{order:-1}
  .kunye-rk{justify-content:flex-start}
  .ust-ara input{width:92px}
  .menu-ic{display:none}
  .menu-ic.acik{display:block}
  .menu-mobil{display:block}
  .menu-oge>a{padding:11px 0}
  .menu-alt{position:static;display:none;border:none;box-shadow:none;
    border-left:2px solid var(--z);margin:0 0 8px 12px}
  .menu-oge.acik .menu-alt{display:block}
  .blok-ic,.ikili,.alt-ikili .ikili{grid-template-columns:minmax(0,1fr)}
  .ikili{gap:30px}
  .altlik-ic{grid-template-columns:minmax(0,1fr)}
  .ky-kart{flex:0 0 calc((100% - 18px) / 2)}
  .telif nav{margin-left:0}
  /* Mobilde manşet görseli kısa (347x217); masaüstündeki 44px üst dolgu
     perdeyi görselin %66'sına çıkarıyordu. Dolgu kısaldı, karartma da
     yukarıdan daha çabuk bitiyor — resim daha çok görünüyor. */
  .man-perde{padding:20px 16px 14px;
    background:linear-gradient(to top,rgba(18,14,11,.93) 0%,rgba(18,14,11,.58) 62%,rgba(18,14,11,0) 100%)}
  .man-bas{font-size:1.08rem}
}
@media (max-width:440px){
  .ky-kart{flex:0 0 100%}
}

/* ═══════════════════════════════════════════════════════════════════════
   YAZAR BLOĞU — üç alternatif
   -----------------------------------------------------------------------
   SORUN: köşe yazıları sağ rayın en dibinde (y=2773) kalıyordu; o hizada
   sol sütun 841px boştu. ydh'de 5 onaylı yazar / 448 yazı var, bu blok
   sayfanın dibinde olmayı hak etmiyor.
   ═══════════════════════════════════════════════════════════════════════ */

/* Ortak: vesikalık */
.yz-foto{border-radius:50%;overflow:hidden;background:var(--z);
  display:grid;place-items:center;flex:0 0 auto}
.yz-foto img{width:100%;height:100%;object-fit:cover;display:block;
  filter:grayscale(1);transition:filter .3s ease}
.yz-foto span{color:#fff;font:700 1.4rem/1 var(--d)}

/* ───── TASARIM 1 · tam genişlik yazar şeridi ───── */
/* Sayfanin TEPESINDE duruyor; manseti asagi itmesin diye derli toplu. */
.yz-serit{padding:18px 20px 0}
.yz-kartlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.yz-kart{display:block;text-decoration:none;text-align:center;padding:15px 12px 14px;
  background:var(--kagit);border:1px solid var(--kagitc);
  transition:border-color .18s ease,background .18s ease,transform .18s ease}
.yz-kart:hover{border-color:var(--z);background:var(--beyaz);transform:translateY(-3px)}
.yz-kart .yz-foto{width:64px;height:64px;margin:0 auto;
  box-shadow:0 0 0 3px var(--beyaz),0 0 0 5px var(--z)}
.yz-kart:hover .yz-foto img{filter:none}
.yz-kart-ad{display:block;margin-top:10px;font:700 .92rem/1.25 var(--d);color:var(--z)}
.yz-kart-adet{display:block;margin-top:4px;font:600 .64rem/1 var(--m);
  letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.yz-kart-yazi{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:9px;padding-top:9px;border-top:1px solid var(--kagitc);
  font:600 .84rem/1.36 var(--d);color:var(--murekkep)}
.yz-kart:hover .yz-kart-yazi{color:var(--zk)}

/* ───── TASARIM 2 · gazete köşesi (orta sütun, manşetin altı) ───── */
.yz-kose{background:var(--kagit);border:1px solid var(--kagitc);border-left:5px solid var(--z);
  padding:20px 22px}
.yz-kose-ust{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:start}
.yz-kose .yz-foto{width:118px;height:118px;box-shadow:0 0 0 3px var(--beyaz),0 0 0 5px var(--z)}
.yz-kose-etiket{font:700 .62rem/1 var(--m);letter-spacing:.16em;text-transform:uppercase;color:var(--z)}
.yz-kose-ad{display:block;margin-top:7px;font:800 1.22rem/1.2 var(--d);color:var(--murekkep)}
.yz-kose-bas{display:block;margin-top:11px;font:700 1.06rem/1.34 var(--d);color:var(--z);text-decoration:none}
.yz-kose-bas:hover{color:var(--zk);text-decoration:underline}
.yz-kose-ozet{margin:9px 0 0;font-size:.9rem;line-height:1.6;color:var(--murekkep2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yz-kose-alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--kagitc)}
.yz-mini{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;align-items:center;
  text-decoration:none;padding:7px;background:var(--beyaz);border:1px solid var(--kagitc);
  transition:border-color .15s ease}
.yz-mini:hover{border-color:var(--z)}
.yz-mini .yz-foto{width:46px;height:46px}
.yz-mini .yz-foto span{font-size:1rem}
.yz-mini:hover .yz-foto img{filter:none}
.yz-mini-ad{display:block;font:700 .72rem/1 var(--m);color:var(--z)}
.yz-mini-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:4px;font:600 .8rem/1.3 var(--d);color:var(--murekkep)}

/* ───── TASARIM 3 · sağ rayda yapışkan yazar kulesi ───── */
/* Yapışkanlık BÖLÜMÜN kendisinde: sticky yalnız ebeveyninin kutusu içinde
   yol alır. İçteki div'e verilince ebeveyn kule kadar yüksek oluyor ve
   hiç kaymıyordu. Bölüm .sag'ın çocuğu, .sag ~3000px. */
.yz-kule-bolum{position:sticky;top:12px;align-self:start}
.yz-kule-sar{display:block}
.yz-kule-oge{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;
  text-decoration:none;padding:12px 0;border-bottom:1px solid var(--kagitc)}
.yz-kule-oge:last-child{border-bottom:none}
.yz-kule-oge .yz-foto{width:58px;height:58px;box-shadow:0 0 0 2px var(--beyaz),0 0 0 3px var(--z)}
.yz-kule-oge:hover .yz-foto img{filter:none}
.yz-kule-ad{display:block;font:700 .78rem/1 var(--m);color:var(--z);letter-spacing:.02em}
.yz-kule-bas{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:5px;font:600 .88rem/1.32 var(--d);color:var(--murekkep)}
.yz-kule-oge:hover .yz-kule-bas{color:var(--z)}
.yz-kule-tar{display:block;margin-top:4px;font-size:.64rem;color:var(--soluk)}
.yz-kule-dip{display:block;margin-top:12px;padding:10px;text-align:center;background:var(--kagit);
  border:1px solid var(--kagitc);font:700 .68rem/1 var(--m);letter-spacing:.1em;
  text-transform:uppercase;color:var(--z);text-decoration:none}
.yz-kule-dip:hover{background:var(--z);color:#fff;border-color:var(--z)}

/* ───── Önizleme seçim çubuğu ───── */
.yz-secim{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.yz-secim a{display:inline-block;padding:7px 13px;text-decoration:none;font:600 13px/1 var(--m);
  background:var(--beyaz);border:1px solid #e0c877;color:#5c4a10}
.yz-secim a.on{background:var(--z);border-color:var(--z);color:#fff}

@media (max-width:1080px){
  .yz-kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .yz-kule-sar{position:static}
}
@media (max-width:760px){
  .yz-serit{padding-left:14px;padding-right:14px}
  .yz-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yz-kose-ust{grid-template-columns:minmax(0,1fr);gap:14px}
  .yz-kose-alt{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  .yz-kartlar{grid-template-columns:minmax(0,1fr)}
}

/* Altlıktaki imza — telif satırında, bağlantı vurgu renginde */
.telif .beyribey{color:#8b8377}
.telif .beyribey a{color:#cfc7ba;text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(207,199,186,.35)}
.telif .beyribey a:hover{color:#fff;border-bottom-color:var(--z)}

/* ── Mobil menü — hamburger yerine yazılı açılır çubuk ──
   Müşteri hamburger simgesini beğenmedi. Artık "Bölümler ▾" yazan,
   menü rengiyle bütünleşen tam genişlikte bir çubuk; açılınca ok döner. */
.menu-mobil{width:100%;display:none;align-items:center;justify-content:space-between;
  gap:10px;border:none;background:rgba(0,0,0,.16);cursor:pointer;
  padding:13px 20px;color:#fff;font:700 .82rem/1 var(--m);letter-spacing:.08em;
  text-transform:uppercase}
.menu-mobil:hover{background:rgba(0,0,0,.24)}
.menu-mobil-ok{font-size:11px;transition:transform .2s ease}
.menu-mobil.acik .menu-mobil-ok{transform:rotate(180deg)}
@media (max-width:760px){
  .menu-mobil{display:flex}
  .menu-ic{border-top:1px solid rgba(255,255,255,.18)}
  .menu-ic .menu-oge{border-bottom:1px solid rgba(255,255,255,.12)}
  .menu-ic .menu-oge:last-child{border-bottom:none}
  .menu-oge>a{padding:12px 20px;justify-content:space-between}
  .menu-alt{margin:0;border-left:none;background:rgba(0,0,0,.18)}
  .menu-alt a{color:rgba(255,255,255,.86);padding:10px 20px 10px 34px}
  .menu-alt a:hover{background:rgba(0,0,0,.3);color:#fff}
}