/* ═══════════════════════════════════════════════════════════════════════
   UYUM KATMANI — motorun kendi şablon sınıflarını gazete diline bağlar

   Ana sayfa ve haber detayı v3 işaretlemesiyle yeniden yazıldı. Kategori,
   makale, yazar, arama, iletişim, 404 ve sayfa şablonları motorun özgün
   işaretlemesini kullanıyor; bu dosya onları aynı tipografi, palet ve
   çizgi diline oturtur — 8 şablonu yeniden yazmadan görsel bütünlük.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── iki sütunlu sayfa düzeni ── */
.iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:0;
  padding-block:8px 40px;align-items:start}
.iki-sutun>*{min-width:0}
.iki-sutun>*:first-child{padding-inline-end:44px}
.kenar{padding-inline-start:28px;border-inline-start:1px solid var(--cizgi);
  position:sticky;top:70px;align-self:start;display:flex;flex-direction:column;gap:34px}

/* ── kırıntı (breadcrumb) ── */
.kirinti{font:500 12.5px var(--sans);color:var(--cok-soluk);
  padding-block:18px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kirinti a:hover{color:var(--marka)}

/* ── kutular ── */
.kutu{background:transparent;border:0;margin-bottom:4px}
.kutu-bas{font:700 13px var(--sans);letter-spacing:.16em;text-transform:uppercase;
  color:var(--murekkep);padding-bottom:11px;border-bottom:2px solid var(--cizgi-guclu);margin-bottom:6px}

/* ── bölüm / kategori başlığı ── */
.blok-bas,.kat-baslik{display:flex;align-items:baseline;gap:14px;
  padding-block:26px 0;margin-bottom:20px}
.blok-bas h1,.blok-bas h2,.kat-baslik h1,.kat-baslik h2{
  font:700 clamp(24px,2.6vw,32px)/1.14 var(--serif);letter-spacing:-.026em}
.kat-sayi{font:500 13px var(--sans);color:var(--cok-soluk);margin-inline-start:auto}
.blok-bas .tumu,.kat-baslik .tumu{margin-inline-start:auto;font:600 12.5px var(--sans);color:var(--soluk)}

/* ── kart ızgarası ── */
.galeri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:30px 26px}
.kart{display:flex;flex-direction:column;gap:10px;background:transparent;border:0;box-shadow:none}
.kart-im{overflow:hidden;background:var(--sayfa-2);aspect-ratio:3/2;display:block}
.kart-im img{width:100%;height:100%;object-fit:cover}
.kart img{max-width:100%;height:auto}
.kart h2,.kart h3{font:600 18px/1.3 var(--serif);letter-spacing:-.014em}
.kart h2 a:hover,.kart h3 a:hover{color:var(--marka)}
.kart p{font-size:15.5px;color:var(--soluk);line-height:1.55}
.zaman{font:500 12.5px var(--sans);color:var(--cok-soluk)}

/* ── kategori sayfası: İKİLİ blok + ÜÇLÜ blok + soldan resimli LİSTE ── */
.kat-ikili{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;
  padding-bottom:26px;border-bottom:1px solid var(--cizgi-guclu);margin-bottom:26px}
.kat-ikili .kart__res{margin-bottom:13px}
.kat-ikili .h3{font:700 clamp(19px,1.9vw,24px)/1.2 var(--serif);letter-spacing:-.022em}
.kat-ikili .h3 a:hover{color:var(--marka)}
.kat-ikili .dek{margin-top:8px}
.kat-ikili .zaman{margin-top:8px}

.kat-uclu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;
  padding-bottom:26px;border-bottom:1px solid var(--cizgi-guclu);margin-bottom:6px}
.kat-uclu .kart__res{margin-bottom:11px}
.kat-uclu .h5{font-size:16.5px;line-height:1.3}
.kat-uclu .h5 a:hover{color:var(--marka)}
.kat-uclu .zaman{margin-top:6px}

.kat-akis{display:flex;flex-direction:column}
.kat-akis>*{padding-block:20px;border-bottom:1px solid var(--cizgi-2)}
.kat-akis>*:last-child{border-bottom:0}

/* liste satırı: resim SOLDA · sağda başlık + özet + tarih */
.kl-satir{display:flex;gap:20px;align-items:flex-start;min-width:0}
.kl-im{flex:none;width:232px;aspect-ratio:16/10;overflow:hidden;background:var(--sayfa-2);display:block}
.kl-im img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.kl-satir:hover .kl-im img{transform:scale(1.04)}
.kl-ic{min-width:0;flex:1}
.kl-ic h3{font:700 19px/1.28 var(--serif);letter-spacing:-.018em}
.kl-ic a:hover h3{color:var(--marka)}
.kl-ic p{font:400 15.5px/1.55 var(--serif);color:var(--soluk);margin-top:7px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kl-ic .zaman{margin-top:8px}

/* ── numaralı liste — hem <li> hem <a> öğeleriyle çalışır
   (makale/kategori kenar kutuları <a><h4> basar) ── */
.sira-liste{list-style:none;counter-reset:sl;padding:0;margin:0}
.sira-liste>*{counter-increment:sl;display:grid;grid-template-columns:34px minmax(0,1fr);
  gap:12px;padding:13px 0;border-bottom:1px solid var(--cizgi-2);align-items:start}
.sira-liste>*:last-child{border-bottom:0}
.sira-liste>*::before{content:counter(sl);font:700 28px/.9 var(--serif);
  color:var(--cizgi);letter-spacing:-.04em}
.sira-liste h4{font:600 15.5px/1.35 var(--serif);letter-spacing:-.012em;min-width:0}
.sira-liste a:hover h4,.sira-liste a:hover{color:var(--marka)}
.sira-liste li a{font:600 15.5px/1.35 var(--serif)}
/* yazar adı ızgaranın 34px'lik rakam sütununa düşmesin — metin sütununda tek satır */
.sira-liste .t-alt{grid-column:2;display:block;font:500 12.5px var(--sans);
  color:var(--cok-soluk);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── makale / sayfa gövdesi — sütunu tam doldurur (720px sınırı sağda
   ölü boşluk bırakıyordu; haber detayıyla aynı karar) ── */
.makale{min-width:0}
.makale h1{font:700 clamp(28px,3.4vw,42px)/1.12 var(--serif);letter-spacing:-.03em;margin:10px 0 14px}
.makale .ozet{font:400 19px/1.55 var(--serif);color:var(--murekkep-2);margin-bottom:20px}
.makale-meta{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;padding:14px 0;
  border-block:1px solid var(--cizgi);font:500 13px var(--sans);color:var(--soluk);margin-bottom:24px}
.makale-kapak{overflow:hidden;margin-bottom:22px;display:block}
.makale-kapak img{width:100%}
.makale-govde,.metin{font-size:calc(19px * var(--yb,1));line-height:1.75}
.makale-govde>*+*,.metin>*+*{margin-top:1.15em}
.makale-govde h2,.metin h2{font:700 1.32em/1.26 var(--serif);margin-top:1.8em;letter-spacing:-.02em}
.makale-govde h3,.metin h3{font:600 1.13em/1.34 var(--serif);margin-top:1.5em}
.makale-govde a,.metin a{color:var(--marka);text-decoration:underline;text-underline-offset:3px}
.makale-govde blockquote,.metin blockquote{border-inline-start:3px solid var(--vurgu);
  padding-inline-start:22px;font-style:italic;margin-block:1.6em}
.makale-govde img,.metin img{max-width:100%;height:auto}
.makale-govde ul,.makale-govde ol,.metin ul,.metin ol{padding-inline-start:1.4em}

/* ── yazar künyesi ── */
.mk-kunye{display:flex;gap:16px;align-items:center;padding:18px 0;
  border-block:1px solid var(--cizgi);margin-bottom:24px;flex-wrap:wrap}
.mk-foto{width:64px;height:64px;flex:none;border-radius:50%;overflow:hidden;
  background:var(--sayfa-2);display:grid;place-items:center}
.mk-foto img{width:100%;height:100%;object-fit:cover}
.mk-ad{font:700 19px var(--serif);display:block}
.mk-unvan{font:500 13px var(--sans);color:var(--marka)}
.mk-ozgecmis{font-size:15.5px;color:var(--soluk);line-height:1.55}
.yb-harf{width:64px;height:64px;flex:none;border-radius:50%;background:var(--marka);color:#fff;
  display:grid;place-items:center;font:700 24px var(--serif)}

/* ── makale listesi satırları ── */
.mk-satir{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:18px 0;
  border-bottom:1px solid var(--cizgi-2);align-items:start}
.mk-satir:last-child{border-bottom:0}
.mk-satir>*{min-width:0}
.mk-ic h2,.mk-ic h3{font:600 18px/1.32 var(--serif)}
.mk-yazar{font:600 12.5px var(--sans);color:var(--marka);letter-spacing:.04em;text-transform:uppercase}

/* ── düğmeler ── */
.mini-btn,.daha-fazla,.pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:42px;padding:10px 18px;border:1px solid var(--cizgi);background:transparent;
  font:600 13.5px var(--sans);color:var(--soluk);cursor:pointer}
.mini-btn:hover,.daha-fazla:hover,.pay-btn:hover{border-color:var(--marka);color:var(--marka)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;
  padding:10px 18px;background:var(--marka);border:1px solid var(--marka);color:#fff;
  font:600 13.5px var(--sans);cursor:pointer}
.btn:hover{filter:brightness(1.08);color:#fff}
.daha-fazla-kap{display:flex;justify-content:center;padding-block:30px}

/* ── sayfalama ── */
.sayfa-baglari{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding-block:34px;
  border-top:1px solid var(--cizgi);margin-top:20px}
.sayfa-baglari a,.sayfa-baglari span{min-width:42px;min-height:42px;display:grid;place-items:center;
  padding:0 12px;border:1px solid transparent;font:600 14.5px var(--sans);color:var(--soluk)}
.sayfa-baglari a:hover{border-color:var(--cizgi);color:var(--marka)}
.sayfa-baglari .etkin,.sayfa-baglari [aria-current]{background:var(--marka);color:#fff}

/* ── rozet · boş uyarı · form ── */
.rozet{display:inline-block;font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;
  padding:4px 9px;color:#fff;background:var(--marka)}
.rozet.kirmizi{background:var(--canli)}
.rozet.mavi{background:var(--marka)}
.bos-uyari{padding:40px 0;color:var(--soluk);font-size:17px;text-align:center}
.gir{width:100%;padding:12px 14px;border:1px solid var(--cizgi);
  background:var(--sayfa-2);color:var(--murekkep);min-width:0}
.gir:focus{border-color:var(--marka);background:var(--sayfa)}
.alan{margin-bottom:14px}
.alan label{display:block;font:600 13.5px var(--sans);margin-bottom:6px}

/* ── yorumlar ── */
.yorumlar{margin-top:44px;padding-top:26px;border-top:2px solid var(--cizgi-guclu)}
.yorum-bas,.yorum-say{font:700 20px var(--serif);letter-spacing:-.02em;margin-bottom:16px}
.yorum{padding:16px 0;border-bottom:1px solid var(--cizgi-2)}
.yorum:last-child{border-bottom:0}
.yorum-av{width:40px;height:40px;border-radius:50%;background:var(--marka);color:#fff;
  display:grid;place-items:center;font:700 16px var(--serif);flex:none}
.yorum-bos{color:var(--soluk);padding:20px 0}
.yorum-form{display:grid;gap:11px;margin-bottom:26px}

/* ── 404 ── */
.hata{text-align:center;padding:80px 0}
.hata .kod{font:700 90px/1 var(--serif);color:var(--cizgi);letter-spacing:-.05em}
.hata h1{font:700 30px var(--serif);margin:12px 0 10px}
.hata p{color:var(--soluk);margin-bottom:22px}

/* ── araç çubuğu / paylaş ── */
.arac-cubuk{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:26px;
  padding-bottom:16px;border-bottom:1px solid var(--cizgi-2)}
.paylas-et{font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--cok-soluk)}

/* ═══════════ MODÜL BAŞLIĞI (video / foto arşiv sayfaları) ═══════════ */
.modul-baslik{display:flex;align-items:center;gap:14px;padding:20px 0 16px;
  border-bottom:3px solid var(--marka);margin-bottom:26px}
.mb-ikon{width:46px;height:46px;flex:none;display:grid;place-items:center;
  background:var(--marka);color:var(--altin,#e8c98a)}
.modul-baslik h1{font:700 26px/1.1 var(--serif);letter-spacing:-.025em}
.modul-baslik p{font:500 13px var(--sans);color:var(--soluk);margin-top:4px}
.mb-sayi{margin-inline-start:auto;font:600 12.5px var(--sans);color:var(--soluk);
  border:1px solid var(--cizgi);padding:7px 12px;white-space:nowrap}

/* ═══════════ MAKALE ARŞİVİ — öne çıkan + kart ızgarası ═══════════ */
.ma-one{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;
  padding-bottom:30px;border-bottom:1px solid var(--cizgi-guclu);margin-bottom:30px;align-items:center}
.ma-one .ma-kapak{margin:0}
.ma-etiket{display:inline-block;background:var(--vurgu);color:#fff;
  font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;margin-bottom:12px}
.ma-one h2{font:700 clamp(22px,2.4vw,32px)/1.16 var(--serif);letter-spacing:-.026em}
.ma-one h2 a:hover{color:var(--marka)}
.ma-one .dek{margin-top:12px;font-size:16.5px}
.ma-kapak{display:block;overflow:hidden;background:var(--sayfa-2);aspect-ratio:1200/630;
  border:1px solid var(--cizgi)}
.ma-kapak img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.ma-kart:hover .ma-kapak img,.ma-one:hover .ma-kapak img{transform:scale(1.03)}
.ma-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px;margin-bottom:34px}
.ma-kart{min-width:0;display:flex;flex-direction:column}
.ma-kart .ma-kapak{margin-bottom:12px}
.ma-kart .h5{font-size:17px;line-height:1.3}
.ma-kart .h5 a:hover{color:var(--marka)}
.ma-kart .dek{margin-top:7px;font-size:14.5px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ma-yazar-satir{display:flex;align-items:center;gap:9px;margin-bottom:9px;min-width:0}
.ma-one .ma-yazar-satir{margin:16px 0 0}
.ma-foto{width:30px;height:30px;flex:none;border-radius:50%;overflow:hidden;
  background:var(--marka);display:grid;place-items:center;
  box-shadow:0 0 0 2px color-mix(in srgb, var(--vurgu) 45%, var(--sayfa))}
.ma-foto img{width:100%;height:100%;object-fit:cover}
.ma-foto .yb-harf{color:#e8c98a;font:700 14px var(--serif)}
.ma-yazar-satir b{font:700 13.5px var(--sans);letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-yazar-satir .zaman{margin-inline-start:auto;white-space:nowrap}

/* ═══════════ VİDEO ARŞİVİ KARTLARI ═══════════ */
.vid-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;margin-bottom:34px}
.vid-kart{display:flex;flex-direction:column;min-width:0}
.vid-im{position:relative;display:block;overflow:hidden;background:#14120f;aspect-ratio:16/9}
.vid-im img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .25s,opacity .2s}
.vid-kart:hover .vid-im img{transform:scale(1.04);opacity:1}
.vid-oynat{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;background:rgba(14,77,64,.85);color:#e8c98a;
  box-shadow:0 0 0 2px rgba(232,201,138,.65)}
.vid-kart:hover .vid-oynat{background:var(--canli)}
.vid-ic{padding-top:11px}
.vid-ic h3{font:700 16px/1.32 var(--serif);letter-spacing:-.015em}
.vid-kart:hover .vid-ic h3{color:var(--marka)}
.vid-ic .zaman{display:block;margin-top:6px}

/* ═══════════ FOTO GALERİ KARTLARI ═══════════ */
.galeri-izgara-buyuk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;margin-bottom:34px}
.gal-kart{display:flex;flex-direction:column;min-width:0}
.gal-im{position:relative;overflow:hidden;background:var(--sayfa-2);aspect-ratio:4/3}
.gal-im img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.gal-kart:hover .gal-im img{transform:scale(1.04)}
.gal-adet{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;
  background:rgba(20,18,15,.78);color:#fff;font:600 12px var(--sans);padding:5px 9px}
.gal-ic{padding-top:11px}
.gal-ic h3{font:700 16.5px/1.3 var(--serif);letter-spacing:-.015em}
.gal-kart:hover .gal-ic h3{color:var(--marka)}
.gal-ic .zaman{display:block;margin-top:5px}

/* ═══════════ MAKALE DETAY — yazarın diğer yazıları ═══════════ */
.kat-metin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.mt-oge{display:block;min-width:0;padding:13px 0 13px 16px;
  border-bottom:1px solid var(--cizgi-2);border-inline-start:3px solid var(--vurgu)}
.mt-oge h3{font:600 15.5px/1.35 var(--serif);letter-spacing:-.012em}
.mt-oge:hover h3{color:var(--marka)}
.mt-et{display:block;font:500 12.5px var(--sans);color:var(--cok-soluk);margin-top:5px}

@media (max-width:900px){
  .iki-sutun{grid-template-columns:1fr}
  .iki-sutun>*:first-child{padding-inline-end:0}
  .kenar{padding-inline-start:0;border-inline-start:0;position:static;
    padding-top:26px;margin-top:26px;border-top:1px solid var(--cizgi)}
  .kat-uclu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ma-one{grid-template-columns:1fr;gap:18px}
  .ma-izgara,.vid-izgara,.galeri-izgara-buyuk{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
  .kat-metin{grid-template-columns:1fr}
  .kl-im{width:150px}
  .kl-ic h3{font-size:17px}
  .kl-ic p{-webkit-line-clamp:3;font-size:14.5px}
}
@media (max-width:640px){
  .galeri-izgara{grid-template-columns:1fr;gap:24px}
  .makale-govde,.metin{font-size:calc(17.5px * var(--yb,1))}
  .mini-btn,.daha-fazla,.pay-btn,.btn{min-height:48px}
  .kat-ikili{grid-template-columns:1fr}
  .kat-uclu{grid-template-columns:1fr}
  .ma-izgara,.vid-izgara,.galeri-izgara-buyuk{grid-template-columns:1fr}
  .modul-baslik h1{font-size:21px}
  .kl-satir{gap:13px}
  .kl-im{width:124px;aspect-ratio:4/3}
  .kl-ic h3{font-size:15.5px}
  .kl-ic p{display:none}
}