/* ==========================================================================
   YEMEN TÜRKİYE · Ön yüz (Kudüs Haber çatalı, 09.11.2026)
   Düzen referansı: Times of Israel. Bordo başlık bandı, ortada yazı logosu,
   koyu zeminli manşet, üç sütunlu ana sayfa. Başlıklar Roboto, etiketler
   Roboto Condensed, özet ve metin PT Serif. Gölge yerine ince çizgi.
   Arapça (dir="rtl"): Noto Kufi Arabic başlık/etiket, Noto Naskh Arabic metin;
   yön bağımlı kurallar mantıksal özelliklerle (inline-start/end) yazıldı,
   kalanlar dosyanın sonundaki [dir=rtl] bölümünde.
   Değişken adları (--mavi...) Kudüs Haber'den kaldı; değerleri bu sitenin rengi.
   ========================================================================== */

:root{
  --mavi:        #8f1426;
  --mavi-koyu:   #721020;
  --mavi-gece:   #4c0a15;
  --mavi-acik:   #f8ecee;
  --ters-vurgu:  #f4b8c1;
  --kirmizi:     #c8102e;
  --murekkep:    #1d1d1f;
  --metin:       #2c2c2e;
  --gri:         #5f6368;
  --gri-acik:    #8a8d91;
  --cizgi:       #dcdde0;
  --cizgi-acik:  #ececee;
  --zemin:       #ffffff;
  --zemin-gri:   #f4f5f7;
  --vitrin:      #2b2d31;

  --sans:  "Roboto", "Segoe UI", Arial, sans-serif;
  --dar:   "Roboto Condensed", "Arial Narrow", "Roboto", sans-serif;
  --serif: "PT Serif", Georgia, "Times New Roman", serif;

  --kap: 1200px;
}

/* ---------- temel ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--zemin); color:var(--metin);
  font-family:var(--sans); font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
picture{ display:contents; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-weight:700; color:var(--murekkep); }
p{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; padding:0; }
input,textarea,select{ font:inherit; }
::selection{ background:var(--mavi); color:#fff; }
:focus-visible{ outline:2px solid var(--mavi); outline-offset:2px; }

.kap{ width:min(var(--kap), 100% - 32px); margin-inline:auto; }
.gizli-metin{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.simge-deposu{ display:none; }
.ik{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }

.atla{ position:fixed; top:-60px; inset-inline-start:16px; z-index:300; background:var(--murekkep); color:#fff; padding:10px 16px; font:700 13px/1 var(--dar); text-transform:uppercase; }
.atla:focus{ top:10px; }

/* ==========================================================================
   ÜST BANT
   ========================================================================== */
.ust-bant{ background:var(--mavi); color:#fff; position:relative; }
.ust-ic{
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  min-height:104px; gap:16px;
}
.ust-sol{ display:flex; align-items:center; gap:18px; }
.ust-sag{ display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.hamburger{
  display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px 0 8px;
  border:1px solid rgba(255,255,255,.35); border-radius:3px; color:#fff;
  font:700 13px/1 var(--dar); text-transform:uppercase; letter-spacing:.04em;
}
.hamburger:hover{ background:rgba(255,255,255,.1); }
.hamburger .ik{ width:20px; height:20px; }
.ust-tarih{ font:400 13px/1.2 var(--dar); color:rgba(255,255,255,.85); }
.marka{ display:block; }
.marka img{ width:360px; height:auto; }
/* Yazı logosu (görsel logo yok): iki ağırlıklı sözcük, altında ince çizgi. Arapçası dil bölümünde. */
.marka-yazi{ display:inline-flex; flex-direction:column; align-items:center; gap:7px; color:#fff; white-space:nowrap; }
.marka-yazi .my-ad{ font:700 42px/1 var(--dar); text-transform:uppercase; letter-spacing:.02em; }
.marka-yazi .my-ad b{ font-weight:700; }
.marka-yazi .my-ad span{ font-weight:400; opacity:.92; }
.marka-yazi .my-cizgi{ display:block; width:100%; height:3px; background:linear-gradient(90deg, #fff 0 50%, #111 50% 100%); opacity:.95; }
.mp-ad .my-ad,.kat-menu-logo .my-ad{ font:700 22px/1 var(--dar); text-transform:uppercase; letter-spacing:.02em; }
.mp-ad .my-ad span,.kat-menu-logo .my-ad span{ font-weight:400; }
.kat-menu-logo .my-ad{ font-size:18px; color:#fff; line-height:44px; }
.ust-sosyal{ display:flex; gap:4px; }
.ust-sosyal a{ display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:rgba(255,255,255,.88); }
.ust-sosyal a:hover{ background:rgba(255,255,255,.12); color:#fff; }
.ust-sosyal .ik{ width:16px; height:16px; }
.ara-ac{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#fff; }
.ara-ac:hover,.ara-ac[aria-expanded="true"]{ background:rgba(255,255,255,.14); }
.ara-ac .ik{ width:20px; height:20px; }

/* gündem etiketi: logonun altında kırmızı, bandın alt kenarına oturur */
.gundem{ position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%); z-index:3; white-space:nowrap; }
.gundem a,.gundem span{
  display:inline-block; background:var(--kirmizi); color:#fff; padding:5px 12px 4px;
  font:700 13px/1.2 var(--dar); text-transform:uppercase; letter-spacing:.03em;
  box-shadow:0 0 0 2px var(--mavi);
}
.gundem b{ font-weight:700; margin-inline-start:4px; }

/* arama kutusu (başlıktaki büyüteçle açılır) */
.ara-kutu{ background:var(--mavi-koyu); border-top:1px solid rgba(255,255,255,.14); }
.ara-kutu[hidden]{ display:none; }
.ara-kutu-ic{ display:flex; gap:10px; padding:14px 0; }
.ara-kutu input{
  flex:1; min-width:0; height:44px; padding:0 14px; border:0; border-radius:3px;
  font-size:17px; color:var(--murekkep);
}
.ara-kutu button{
  height:44px; padding:0 22px; border-radius:3px; background:#fff; color:var(--mavi);
  font:700 14px/1 var(--dar); text-transform:uppercase; letter-spacing:.04em;
}

/* ==========================================================================
   KATEGORİ MENÜSÜ (kaydırınca üstte yapışır, küçük logo belirir)
   ========================================================================== */
.kat-menu{
  position:sticky; top:0; z-index:50; background:var(--mavi);
  border-top:1px solid rgba(255,255,255,.2); color:#fff;
}
.kat-menu-ic{ position:relative; display:flex; align-items:center; min-height:44px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.kat-menu-ic::-webkit-scrollbar{ display:none; }
/* Küçük logo akışın DIŞINDA: belirmesi listeyi itmez (itince tablette CLS 0,013 ölçüldü, 26.09).
   Solda yer yetmezse liste transform ile sağa kayar (transform sayfa kayması sayılmaz);
   sağda da yer yoksa logo gösterilmez. Hesap site.js'te (logo-sigar, --kat-kaydir). */
.kat-menu-logo{ position:absolute; left:0; top:50%; transform:translateY(-50%); line-height:0;
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .15s, visibility .15s; }
.kat-menu-logo img{ width:150px; height:auto; }
.kat-menu.yapisti.logo-sigar .kat-menu-logo{ opacity:1; visibility:visible; pointer-events:auto; }
.kat-menu.yapisti{ box-shadow:0 1px 0 rgba(0,0,0,.12); }
/* sığdığında ortada, sığmadığında soldan başlayıp kayar (auto kenar boşluğu taşmada sıfırlanır) */
.kat-liste{ display:flex; flex:0 0 auto; margin:0 auto; gap:2px; transition:transform .15s; }
.kat-menu.yapisti.logo-sigar .kat-liste{ transform:translateX(var(--kat-kaydir, 0px)); }
.kat-liste a{
  display:block; padding:13px 12px 12px; white-space:nowrap;
  font:700 14px/1 var(--dar); text-transform:uppercase; letter-spacing:.03em;
  color:rgba(255,255,255,.92); border-bottom:3px solid transparent;
}
.kat-liste a:hover{ color:#fff; background:rgba(255,255,255,.08); }
.kat-liste a.aktif{ color:#fff; border-bottom-color:#fff; }

/* ==========================================================================
   SON DAKİKA
   ========================================================================== */
.sondakika{ background:#fff; border-bottom:1px solid var(--cizgi); }
.sondakika-ic{ display:flex; align-items:center; gap:14px; min-height:44px; }
.sd-etiket{
  flex:none; display:inline-flex; align-items:center; gap:7px; background:var(--kirmizi); color:#fff;
  padding:6px 10px 5px; font:700 13px/1 var(--dar); text-transform:uppercase; letter-spacing:.04em;
}
.sd-nokta{ width:7px; height:7px; border-radius:50%; background:#fff; animation:nabiz 1.4s ease-in-out infinite; }
@keyframes nabiz{ 50%{ opacity:.25; } }
.sd-akis{ position:relative; flex:1; min-width:0; height:22px; overflow:hidden; }
.sd-oge{ position:absolute; inset:0; display:flex; gap:10px; align-items:center; opacity:0; visibility:hidden; transition:opacity .3s; }
.sd-oge.acik{ opacity:1; visibility:visible; }
.sd-oge time{ font:700 13px/1 var(--dar); color:var(--kirmizi); flex:none; }
.sd-oge span{ font:500 15px/1.3 var(--sans); color:var(--murekkep); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sd-oge:hover span{ color:var(--mavi); }
.sd-oklar{ display:flex; gap:4px; flex:none; }
.sd-oklar button{ width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--cizgi); border-radius:2px; color:var(--gri); }
.sd-oklar button:hover{ color:var(--mavi); border-color:var(--mavi); }
.sd-oklar .ik{ width:15px; height:15px; }
@media (prefers-reduced-motion: reduce){ .sd-nokta{ animation:none; } }

/* ==========================================================================
   MENÜ PANELİ
   ========================================================================== */
.menu-perde{ position:fixed; inset:0; z-index:190; background:rgba(10,20,35,.5); opacity:0; transition:opacity .25s; }
.menu-perde.acik{ opacity:1; }
.menu-panel{
  position:fixed; top:0; left:0; bottom:0; z-index:200; width:min(360px, 88vw);
  background:#fff; overflow-y:auto; transform:translateX(-102%); transition:transform .25s ease;
  padding:0 0 30px;
}
.menu-panel.acik{ transform:none; }
.mp-bas{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid var(--cizgi); }
.mp-logo{ width:190px; height:auto; }
.mp-ad{ font:900 22px/1 var(--sans); color:var(--mavi); }
.mp-kapat{ width:38px; height:38px; display:grid; place-items:center; color:var(--gri); }
.mp-kapat .ik{ width:22px; height:22px; }
.mp-ara{ display:flex; margin:18px 20px 6px; border:1px solid var(--cizgi); border-radius:3px; }
.mp-ara input{ flex:1; min-width:0; border:0; padding:10px 12px; font-size:16px; background:transparent; }
.mp-ara button{ width:44px; display:grid; place-items:center; color:var(--mavi); }
.mp-baslik{ margin:22px 20px 6px; font:700 12px/1 var(--dar); text-transform:uppercase; letter-spacing:.08em; color:var(--gri-acik); }
.mp-liste a{
  display:block; padding:11px 20px; border-bottom:1px solid var(--cizgi-acik);
  font:700 17px/1.2 var(--dar); text-transform:uppercase; letter-spacing:.02em; color:var(--murekkep);
}
.mp-liste a:hover{ background:var(--mavi-acik); color:var(--mavi); }
.mp-ince a{ font:500 16px/1.2 var(--sans); text-transform:none; letter-spacing:0; }
.mp-sosyal{ display:flex; gap:8px; padding:20px; }
.mp-sosyal a{ width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--cizgi); border-radius:50%; color:var(--mavi); }

/* ==========================================================================
   ORTAK PARÇALAR
   ========================================================================== */
.ust-etiket{
  display:inline-block; margin-bottom:6px;
  font:700 12px/1.2 var(--dar); text-transform:uppercase; letter-spacing:.05em; color:var(--mavi);
}
.ust-etiket:hover{ text-decoration:underline; }
.ust-etiket.ters{ color:var(--ters-vurgu); }
.imza{ font:400 12px/1.4 var(--dar); color:var(--gri); text-transform:uppercase; letter-spacing:.03em; }
.imza b{ font-weight:700; color:var(--murekkep); margin-inline-end:4px; }
.imza.ters{ color:rgba(255,255,255,.62); }
.imza.ters b{ color:#fff; }
.zaman{ white-space:nowrap; }

.bolum-baslik{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  border-top:3px solid var(--murekkep); padding-top:8px; margin-bottom:14px;
  font:700 15px/1.2 var(--dar); text-transform:uppercase; letter-spacing:.04em; color:var(--murekkep);
}
.bolum-baslik a:hover{ color:var(--mavi); }
.bolum-baslik.buyuk{ font-size:20px; border-top-width:4px; }
.bolum-baslik .tumu{ font:700 12px/1 var(--dar); color:var(--mavi); letter-spacing:.06em; }

.gorsel-yok{ display:block; width:100%; height:100%; min-height:60px; background:var(--zemin-gri); }

/* reklam alanları */
.kusak{ text-align:center; }
.kusak img{ margin-inline:auto; }
.reklam-ust{ margin-top:16px; }
.reklam-bant{ margin:26px auto 0; }
.yapiskan-reklam{ position:sticky; top:64px; }

/* ==========================================================================
   ANA SAYFA · MANŞET
   ========================================================================== */
.vitrin{ padding-top:28px; }
.vitrin-kutu{ background:var(--vitrin); color:#fff; padding:22px; }
.vitrin-ana{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:22px; }
.vitrin-metin{ display:flex; flex-direction:column; }
.vitrin-baslik{
  font:700 clamp(28px, 3.2vw, 42px)/1.12 var(--sans); letter-spacing:-.012em; color:#fff; margin-bottom:12px;
}
.vitrin-baslik a:hover{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.vitrin-ozet{ margin-top:12px; font:400 17px/1.5 var(--serif); color:rgba(255,255,255,.78); }
.vitrin-gorsel{ display:block; aspect-ratio:16/10; overflow:hidden; background:#1c1e21; }
.vitrin-gorsel img{ width:100%; height:100%; object-fit:cover; }
.vitrin-alt{
  display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px;
  margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.16);
}
.vitrin-kucuk{ display:grid; grid-template-columns:118px minmax(0, 1fr); gap:12px; align-items:start; }
.vk-gorsel{ display:block; aspect-ratio:3/2; overflow:hidden; background:#1c1e21; }
.vk-gorsel img{ width:100%; height:100%; object-fit:cover; }
.vitrin-kucuk h3{ font:700 16px/1.28 var(--sans); color:#fff; margin-bottom:5px; }
.vitrin-kucuk h3 a:hover{ text-decoration:underline; }

/* ==========================================================================
   ANA SAYFA · ÜÇ SÜTUN
   ========================================================================== */
.anasayfa{
  display:grid; grid-template-columns:180px minmax(0, 1fr) 320px;
  grid-template-areas:"sol orta sag"; gap:0 28px; margin-top:30px;
}
.as-orta{ grid-area:orta; min-width:0; }
.as-sol{ grid-area:sol; min-width:0; border-inline-end:1px solid var(--cizgi); padding-inline-end:20px; }
.as-sag{ grid-area:sag; min-width:0; }
.kutu{ margin-bottom:30px; }

/* büyük kart (orta sütunun ilki) */
.buyuk-kart{ padding-bottom:22px; border-bottom:1px solid var(--cizgi); margin-bottom:20px; }
.bk-gorsel{ display:block; aspect-ratio:16/9; overflow:hidden; background:var(--zemin-gri); margin-bottom:14px; }
.bk-gorsel img{ width:100%; height:100%; object-fit:cover; }
.buyuk-kart h2{ font:700 30px/1.16 var(--sans); letter-spacing:-.01em; margin-bottom:10px; }
.buyuk-kart h2 a:hover,.satir h3 a:hover,.analiz h3 a:hover,.bant-ana h3 a:hover,.bant-kucuk h3 a:hover,
.kapsam h3 a:hover,.mini-kart h3 a:hover,.akis a:hover,.sirali a:hover{ color:var(--mavi); }
.buyuk-kart p{ margin-top:10px; font:400 17px/1.55 var(--serif); color:var(--metin); }

/* satır kartı: metin solda, küçük görsel sağda */
.satir{
  display:grid; grid-template-columns:minmax(0, 1fr) 200px; grid-template-areas:"metin gorsel";
  gap:18px; padding:18px 0; border-bottom:1px solid var(--cizgi);
}
.satir.satir-yazi{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"metin"; }
.satir-metin{ grid-area:metin; min-width:0; }
.satir-gorsel{ grid-area:gorsel; display:block; aspect-ratio:3/2; overflow:hidden; background:var(--zemin-gri); }
.satir-gorsel img{ width:100%; height:100%; object-fit:cover; }
.satir h3{ font:700 21px/1.25 var(--sans); letter-spacing:-.005em; margin-bottom:6px; }
.satir p{ font:400 15.5px/1.5 var(--serif); color:var(--metin); margin-bottom:8px; }
.imza-satir{ font:400 12px/1.4 var(--dar); color:var(--gri); text-transform:uppercase; letter-spacing:.03em; }
.daha-fazla{
  display:block; margin:22px 0 10px; padding:12px; text-align:center; border:1px solid var(--mavi); color:var(--mavi);
  font:700 13px/1 var(--dar); text-transform:uppercase; letter-spacing:.06em;
}
.daha-fazla:hover{ background:var(--mavi); color:#fff; }

/* sol sütun */
.analiz{ padding:0 0 14px; margin-bottom:14px; border-bottom:1px solid var(--cizgi); }
.analiz:last-child{ border-bottom:0; }
.analiz h3{ font:700 16px/1.28 var(--sans); margin-bottom:6px; }
.analiz p{ font:400 14px/1.45 var(--serif); color:var(--gri); margin-bottom:6px; }
.sirali li{ display:grid; grid-template-columns:26px minmax(0, 1fr); gap:6px; padding:10px 0; border-bottom:1px solid var(--cizgi-acik); }
.sirali li:first-child{ padding-top:0; }
.sira-no{ font:700 22px/1 var(--dar); color:var(--mavi); }
.sirali a{ font:500 14.5px/1.35 var(--sans); color:var(--murekkep); }

/* sağ sütun: son haberler akışı */
.akis li{ padding:10px 0; border-bottom:1px solid var(--cizgi-acik); }
.akis li:first-child{ padding-top:0; }
.akis-zaman{ display:block; margin-bottom:3px; font:700 11.5px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em; color:var(--kirmizi); }
.akis a{ font:500 15px/1.35 var(--sans); color:var(--murekkep); }
.as-sag .kusak{ margin-bottom:30px; }

/* bölüm kutusu (Filistin Bugün, Röportaj) */
.kapsam{ background:var(--zemin-gri); padding:0 16px 14px; }
.kapsam .bolum-baslik{ margin:0 -16px 14px; padding:8px 16px 0; }
.kapsam-gorsel{ display:block; aspect-ratio:16/9; overflow:hidden; margin-bottom:10px; background:#e2e4e8; }
.kapsam-gorsel img{ width:100%; height:100%; object-fit:cover; }
.kapsam-ana h3{ font:700 18px/1.25 var(--sans); padding-bottom:12px; border-bottom:1px solid var(--cizgi); }
.kapsam-oge{ font:500 15px/1.35 var(--sans); padding:11px 0; border-bottom:1px solid var(--cizgi); }
.kapsam-oge:last-child{ border-bottom:0; padding-bottom:0; }
.mini-kart{ display:grid; grid-template-columns:96px minmax(0, 1fr); gap:12px; padding:11px 0; border-bottom:1px solid var(--cizgi); }
.mini-kart:last-child{ border-bottom:0; padding-bottom:0; }
.mk-gorsel{ display:block; aspect-ratio:3/2; overflow:hidden; background:#e2e4e8; }
.mk-gorsel img{ width:100%; height:100%; object-fit:cover; }
.mini-kart h3{ font:700 14.5px/1.3 var(--sans); }

/* ==========================================================================
   ANA SAYFA · KATEGORİ BANTLARI
   ========================================================================== */
.bant{ margin-top:34px; }
.bant-izgara{
  display:grid; grid-template-columns:minmax(0, 2fr) repeat(2, minmax(0, 1fr)); grid-template-rows:auto auto;
  gap:20px 24px;
}
.bant-ana{ grid-row:span 2; padding-inline-end:24px; border-inline-end:1px solid var(--cizgi); }
.ba-gorsel{ display:block; aspect-ratio:16/9; overflow:hidden; background:var(--zemin-gri); margin-bottom:12px; }
.ba-gorsel img{ width:100%; height:100%; object-fit:cover; }
.bant-ana h3{ font:700 24px/1.2 var(--sans); margin-bottom:8px; }
.bant-ana p{ font:400 16px/1.5 var(--serif); margin-bottom:8px; }
.bant-kucuk .bk-gorsel{ aspect-ratio:3/2; margin-bottom:8px; }
.bant-kucuk h3{ font:700 16px/1.28 var(--sans); margin-bottom:5px; }
.galeri-serit,.yazar-serit{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; }
.yazar-kart{ border-inline-start:3px solid var(--mavi); padding-inline-start:12px; }
.yk-ad{ display:block; font:700 13px/1.2 var(--dar); text-transform:uppercase; letter-spacing:.04em; color:var(--mavi); margin-bottom:6px; }
.yazar-kart h3{ font:700 17px/1.3 var(--serif); }

/* ==========================================================================
   İÇ SAYFALAR: ORTAK DÜZEN
   ========================================================================== */
.iki-sutun{ display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:40px; margin-top:26px; align-items:start; }
.yan{ min-width:0; }
.yan .kusak{ margin-bottom:28px; }

.izyolu{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; font:400 13px/1.3 var(--dar); color:var(--gri); margin:22px 0 14px; }
.izyolu a{ color:var(--mavi); }
.izyolu a:hover{ text-decoration:underline; }
.izyolu span{ color:var(--gri-acik); }

.sayfa-basi{ padding:4px 0 16px; border-bottom:4px solid var(--murekkep); }
.sayfa-baslik{ font:700 clamp(28px, 3.4vw, 40px)/1.1 var(--sans); letter-spacing:-.01em; }
.sayfa-alt{ margin-top:8px; font:400 15px/1.5 var(--serif); color:var(--gri); }
.siralama{ margin-top:14px; display:flex; gap:6px; flex-wrap:wrap; }
.siralama a{
  padding:7px 12px; border:1px solid var(--cizgi); border-radius:2px;
  font:700 12px/1 var(--dar); text-transform:uppercase; letter-spacing:.04em; color:var(--gri);
}
.siralama a.acik,.siralama a:hover{ border-color:var(--mavi); color:var(--mavi); }

/* kategori sayfasının öne çıkan haberi */
.kat-one{ display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 2fr); gap:22px; padding-bottom:22px; border-bottom:1px solid var(--cizgi); }
.ko-gorsel{ display:block; aspect-ratio:16/10; overflow:hidden; background:var(--zemin-gri); }
.ko-gorsel img{ width:100%; height:100%; object-fit:cover; }
.kat-one h2{ font:700 28px/1.17 var(--sans); margin-bottom:10px; }
.kat-one h2 a:hover{ color:var(--mavi); }
.kat-one p{ font:400 16.5px/1.55 var(--serif); margin-bottom:10px; }
.liste{ min-width:0; }

.sayfalama{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:30px 0 10px; }
.sayfalama a,.sayfalama span{
  min-width:40px; height:40px; padding:0 12px; display:grid; place-items:center;
  border:1px solid var(--cizgi); border-radius:2px; font:700 14px/1 var(--dar); color:var(--murekkep);
}
.sayfalama a:hover{ border-color:var(--mavi); color:var(--mavi); }
.sayfalama .acik{ background:var(--mavi); border-color:var(--mavi); color:#fff; }
.sayfalama .pasif{ color:var(--gri-acik); }
.sayfalama .ara{ border:0; min-width:20px; padding:0; }

.bos-durum{ padding:50px 20px; text-align:center; border:1px solid var(--cizgi); margin-top:24px; }
.bos-durum h2{ font:700 22px/1.3 var(--sans); margin-bottom:8px; }
.bos-durum p{ font:400 16px/1.5 var(--serif); color:var(--gri); }

/* ==========================================================================
   HABER SAYFASI
   ========================================================================== */
.okuma-cubugu{ position:fixed; top:0; left:0; right:0; height:3px; z-index:60; pointer-events:none; }
.okuma-cubugu span{ display:block; height:100%; width:0; background:var(--kirmizi); }

.yazi-duzen{ display:grid; grid-template-columns:minmax(0, 1fr) 300px; gap:48px; align-items:start; }
.yazi{ min-width:0; }
.yazi-basi{ margin-bottom:20px; }
.yazi-baslik{ font:700 clamp(28px, 3.6vw, 44px)/1.12 var(--sans); letter-spacing:-.014em; margin-bottom:14px; }
.spot{ font:400 clamp(18px, 1.7vw, 21px)/1.5 var(--serif); color:var(--gri); margin-bottom:18px; }
.yazi-kunye{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px;
  padding:12px 0; border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi);
}
.kunye-bilgi{ font:400 13px/1.5 var(--dar); color:var(--gri); text-transform:uppercase; letter-spacing:.03em; }
.kunye-bilgi .yazar{ display:block; font-weight:700; color:var(--murekkep); font-size:14px; }
.kunye-bilgi .yazar a{ color:var(--mavi); }
.kunye-bilgi i{ font-style:normal; margin:0 6px; color:var(--cizgi); }

.paylas{ position:relative; display:flex; gap:6px; flex-wrap:wrap; }
.paylas a,.paylas button{
  width:36px; height:36px; display:grid; place-items:center; border-radius:50%;
  background:var(--zemin-gri); color:var(--murekkep);
}
.paylas a:hover,.paylas button:hover{ background:var(--mavi); color:#fff; }
.paylas .ik{ width:17px; height:17px; }
.paylas button[hidden]{ display:none; }
.paylas-kutu{
  position:absolute; inset-inline-end:0; top:44px; z-index:20; width:300px; padding:14px;
  background:#fff; border:1px solid var(--cizgi); box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.paylas-kutu[hidden]{ display:none; }
.pk-giris{ font:400 13.5px/1.45 var(--sans); color:var(--gri); margin-bottom:10px; }
.pk-adres{ width:100%; padding:8px; border:1px solid var(--cizgi); font-size:13px; }
.pk-alt{ display:flex; gap:8px; margin-top:10px; }
.paylas .pk-alt button,.paylas .pk-alt a{ width:auto; height:auto; border-radius:2px; padding:7px 10px; font:700 12px/1 var(--dar); text-transform:uppercase; }
.paylas-not{ display:block; margin-top:8px; font-size:12.5px; color:#1b7a3a; }
.paylas-not.hata{ color:var(--kirmizi); }

.yazi-gorsel{ margin:0 0 22px; }
.yazi-gorsel img{ width:100%; height:auto; background:var(--zemin-gri); }
.yazi-gorsel figcaption,.fs-kare figcaption{ padding:8px 0 0; font:400 13.5px/1.45 var(--sans); color:var(--gri); display:flex; gap:6px; }
.yazi-gorsel figcaption .ik,.fs-kare figcaption .ik{ width:15px; height:15px; margin-top:2px; }

/* çoklu fotoğraf */
.foto-slider{ margin:0 0 22px; }
.fs-ana{ position:relative; }
.fs-kare{ display:none; margin:0; }
.fs-kare.acik{ display:block; }
.fs-kare img{ width:100%; aspect-ratio:3/2; object-fit:contain; background:#111; }
.fs-ustkatman{ position:absolute; left:0; right:0; top:0; aspect-ratio:3/2; pointer-events:none; }
.fs-ok{ pointer-events:auto; position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; display:grid; place-items:center; background:rgba(0,0,0,.55); color:#fff; border-radius:50%; }
.fs-geri{ inset-inline-start:12px; } .fs-ileri{ inset-inline-end:12px; }
.fs-sayac{ position:absolute; inset-inline-end:12px; bottom:12px; background:rgba(0,0,0,.6); color:#fff; padding:4px 8px; font:700 12px/1 var(--dar); }
.fs-serit{ display:flex; gap:6px; overflow-x:auto; padding:8px 0 0; }
.fs-kucuk{ flex:none; width:84px; aspect-ratio:3/2; overflow:hidden; opacity:.6; border:2px solid transparent; }
.fs-kucuk.acik{ opacity:1; border-color:var(--mavi); }
.fs-kucuk img{ width:100%; height:100%; object-fit:cover; }

.yazi-kusak{ margin:0 0 22px; }

.okuma-araclari{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 22px; }
.oa-dugme{
  display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 11px;
  border:1px solid var(--cizgi); border-radius:2px; background:#fff;
  font:700 12px/1 var(--dar); text-transform:uppercase; letter-spacing:.04em; color:var(--gri);
}
.oa-dugme:hover{ border-color:var(--mavi); color:var(--mavi); }
.oa-dugme .ik{ width:15px; height:15px; }
.oa-dugme.okuyor{ background:var(--mavi); border-color:var(--mavi); color:#fff; }
.oa-ayrac{ width:1px; height:20px; background:var(--cizgi); margin:0 4px; }

/* gövde */
.yazi-govde{
  --punto:1;
  font:400 calc(19px * var(--punto))/1.72 var(--serif); color:#222;
  overflow-wrap:break-word;
}
.yazi-govde > *{ margin:0 0 1.05em; }
.yazi-govde p,.yazi-govde li{ font:inherit; }
.yazi-govde [style*="font-size"]{ font-size:inherit !important; }
.yazi-govde [style*="color"]{ color:inherit !important; }
.yazi-govde h2,.yazi-govde h3,.yazi-govde h4{ font-family:var(--sans); line-height:1.25; margin:1.5em 0 .6em; }
.yazi-govde h2{ font-size:1.3em; } .yazi-govde h3{ font-size:1.15em; } .yazi-govde h4{ font-size:1.05em; }
.yazi-govde a{ color:var(--mavi); text-decoration:underline; text-underline-offset:3px; }
.yazi-govde strong,.yazi-govde b{ font-weight:700; color:var(--murekkep); }
.yazi-govde ul{ list-style:disc; padding-inline-start:1.3em; }
.yazi-govde ol{ list-style:decimal; padding-inline-start:1.3em; }
.yazi-govde li{ margin-bottom:.4em; }
.yazi-govde blockquote{ margin:1.4em 0; padding-block:4px; padding-inline:20px 0; border-inline-start:4px solid var(--mavi); font-style:italic; color:var(--gri); }
.yazi-govde img{ height:auto; margin:1.2em auto; }
.yazi-govde figure{ margin:1.4em 0; }
.yazi-govde figure img{ margin:0 auto; }
.yazi-govde figcaption{ font:400 13.5px/1.45 var(--sans); color:var(--gri); margin-top:6px; }
.yazi-govde table{ width:100%; border-collapse:collapse; font-family:var(--sans); font-size:.8em; display:block; overflow-x:auto; }
.yazi-govde td,.yazi-govde th{ border:1px solid var(--cizgi); padding:8px 10px; text-align:start; }
/* Video ve sosyal medya gömmeleri: ölçü içerikten değil buradan gelir
   (iframe width/height nitelikleri kayıtta sökülüyor, bkz. inc/temizle.php). */
.embed{ margin:1.4em 0; clear:both; }
.embed iframe{ width:100%; aspect-ratio:16/9; height:auto; max-height:78vh; border:0; display:block; background:#000; }
.embed.embed-dikey iframe,.embed.embed-instagram iframe,.embed.embed-tiktok iframe,.embed.embed-x iframe{ margin:0 auto; max-height:none; }
.embed.embed-dikey iframe{ max-width:360px; aspect-ratio:9/16; }
.embed.embed-instagram iframe{ max-width:400px; aspect-ratio:400/710; background:#fff; border:1px solid #dbdbdb; }
.embed.embed-tiktok iframe{ max-width:340px; aspect-ratio:340/760; background:#fff; }
.embed.embed-x iframe{ max-width:550px; aspect-ratio:550/620; background:transparent; }
.yazi-govde figure.haber-video{ margin:1.4em 0; clear:both; }
.yazi-govde figure.haber-video video{ display:block; width:100%; max-height:78vh; background:#000; }
/* editörden eklenen görsel: genişlik yüzdesi --gen ile gelir */
.yazi-govde figure.haber-gorsel{ width:var(--gen, 100%); margin-left:auto; margin-right:auto; }
.yazi-govde figure.haber-gorsel img{ width:100%; }
.yazi-govde iframe{ max-width:100%; }
.yazi-govde video{ width:100%; height:auto; }
.yazi-govde .hiza-sol{ float:left; margin:.3em 1.2em .8em 0; }
.yazi-govde .hiza-sag{ float:right; margin:.3em 0 .8em 1.2em; }
.yazi-govde::after{ content:""; display:table; clear:both; }
.tts-okunuyor{ background:#fff4c2; box-shadow:0 2px 0 var(--kirmizi); }
.gorsel-kirik{ display:none !important; }

.etiketler{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:26px 0; padding-top:18px; border-top:1px solid var(--cizgi); }
.etiketler span{ font:700 12px/1 var(--dar); text-transform:uppercase; letter-spacing:.06em; color:var(--gri-acik); margin-inline-end:4px; }
.etiketler a{ padding:6px 11px; background:var(--mavi-acik); color:var(--mavi); font:500 13.5px/1 var(--sans); border-radius:2px; }
.etiketler a:hover{ background:var(--mavi); color:#fff; }

.yazi-alt-paylas{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:10px 0 30px; padding:14px 16px; background:var(--zemin-gri); }
.yazi-alt-paylas > span{ font:700 13px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em; }
.yazi-alt-paylas .paylas a{ background:#fff; }

.ilgili{ margin:34px 0; }
.ilgili-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.ilgili-kart .bk-gorsel{ aspect-ratio:3/2; margin-bottom:8px; }
.ilgili-kart h3{ font:700 16px/1.3 var(--sans); margin-bottom:5px; }
.ilgili-kart h3 a:hover{ color:var(--mavi); }

/* yorumlar ve formlar */
.yorumlar{ margin:34px 0; }
.yorum-form{ display:grid; gap:12px; margin-bottom:24px; }
.yorum-form .iki{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.alan label{ display:block; font:700 12px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; color:var(--gri); }
.alan label span{ font-weight:400; text-transform:none; letter-spacing:0; }
.alan input,.alan textarea,.alan select{
  width:100%; padding:11px 12px; border:1px solid var(--cizgi); border-radius:2px; font-size:16px; color:var(--murekkep); background:#fff;
}
.alan textarea{ min-height:130px; resize:vertical; }
.alan input:focus,.alan textarea:focus,.alan select:focus{ outline:none; border-color:var(--mavi); box-shadow:0 0 0 3px var(--mavi-acik); }
.tuzak{ position:absolute !important; inset-inline-start:-9999px !important; width:1px; height:1px; opacity:0; }
.dugme{
  justify-self:start; display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 22px;
  background:var(--mavi); color:#fff; border-radius:2px;
  font:700 14px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em;
}
.dugme:hover{ background:var(--mavi-koyu); }
.uyari{ padding:12px 14px; border-inline-start:4px solid var(--mavi); background:var(--mavi-acik); font-size:15px; margin-bottom:16px; }
.uyari.hata{ border-color:var(--kirmizi); background:#fbecee; }
.yorum-not{ font-size:14px; color:var(--gri); }
.yorum-listesi li{ padding:14px 0; border-top:1px solid var(--cizgi); }
.yorum-ust{ display:flex; gap:10px; align-items:baseline; margin-bottom:6px; }
.yorum-ust b{ font:700 15px/1.2 var(--sans); }
.yorum-ust span{ font:400 12px/1 var(--dar); color:var(--gri-acik); text-transform:uppercase; }
.yorum-listesi p{ font:400 16px/1.55 var(--serif); }

/* önizleme şeridi (panelden) */
.onizleme-serit{ position:sticky; top:0; z-index:80; display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:10px 16px; background:#fff3cd; border-bottom:1px solid #e6c65a; font-size:14px; }
.onizleme-serit button{ margin-inline-start:auto; padding:6px 12px; border:1px solid #b8942a; border-radius:2px; font-weight:700; }
.onizleme-uyari{ color:var(--kirmizi); font-weight:700; }

/* ==========================================================================
   ARAMA, ÖNERİLER
   ========================================================================== */
.arama-buyuk{ display:flex; gap:8px; margin:18px 0 6px; }
.arama-buyuk input{ flex:1; min-width:0; height:48px; padding:0 14px; border:2px solid var(--murekkep); border-radius:2px; font-size:18px; }
.arama-buyuk button{ height:48px; padding:0 24px; background:var(--murekkep); color:#fff; font:700 14px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em; border-radius:2px; }
.oneri-sarmal{ position:relative; }
.oneri-kutu{
  position:absolute; left:0; right:0; top:100%; z-index:70; background:#fff; color:var(--murekkep);
  border:1px solid var(--cizgi); box-shadow:0 10px 26px rgba(0,0,0,.14); max-height:380px; overflow-y:auto;
}
.oneri-kutu[hidden]{ display:none; }
.oneri-oge{ display:flex; justify-content:space-between; gap:12px; padding:10px 14px; border-bottom:1px solid var(--cizgi-acik); font:400 15px/1.35 var(--sans); }
.oneri-oge:hover,.oneri-oge.acik{ background:var(--mavi-acik); }
.oneri-oge b{ color:var(--mavi); }
.oneri-tarih{ flex:none; font:400 12px/1.4 var(--dar); color:var(--gri-acik); text-transform:uppercase; }

/* ==========================================================================
   YAZARLAR, GALERİ, SABİT SAYFA, İLETİŞİM, 404
   ========================================================================== */
.yazar-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; margin-top:24px; }
.yazar-kutu{ display:grid; grid-template-columns:72px minmax(0, 1fr); gap:14px; align-items:center; padding:16px; border:1px solid var(--cizgi); }
.yazar-kutu:hover{ border-color:var(--mavi); }
.yazar-foto{ width:72px; height:72px; border-radius:50%; overflow:hidden; background:var(--mavi-acik); display:grid; place-items:center; font:700 24px/1 var(--sans); color:var(--mavi); }
.yazar-foto img{ width:100%; height:100%; object-fit:cover; }
.yazar-kutu h2{ font:700 18px/1.2 var(--sans); }
.yazar-kutu p{ font:400 13px/1.4 var(--dar); color:var(--gri); text-transform:uppercase; margin-top:4px; }
.yazar-basi{ display:grid; grid-template-columns:96px minmax(0, 1fr); gap:18px; align-items:center; }
.yazar-basi .yazar-foto{ width:96px; height:96px; font-size:32px; }

.galeri-izgara{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; margin-top:24px; }
.galeri-kart .bk-gorsel{ aspect-ratio:3/2; margin-bottom:8px; position:relative; }
.galeri-kart h2{ font:700 17px/1.3 var(--sans); }
.foto-izgara{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; margin-top:20px; }
.foto-izgara figure{ margin:0; }
.galeri-oge{ margin:0; }
.galeri-oge img,.galeri-oge video{ width:100%; height:auto; background:var(--zemin-gri); }
.galeri-oge figcaption{ margin-top:8px; font:400 14px/1.45 var(--sans); color:var(--gri); padding-inline-start:10px; border-inline-start:3px solid var(--mavi); }
.galeri-embed iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; background:#000; }
.video-kapak .oynat{ display:none; }
.foto-izgara img{ width:100%; aspect-ratio:3/2; object-fit:cover; background:var(--zemin-gri); }
.foto-izgara figcaption{ font:400 14px/1.4 var(--sans); color:var(--gri); margin-top:6px; }
.video-kapak{ position:relative; display:block; aspect-ratio:16/9; background:#111; overflow:hidden; }
.video-kapak img{ width:100%; height:100%; object-fit:cover; opacity:.9; }
.video-kapak::after{ content:""; position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px; border-radius:50%; background:rgba(200,16,46,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/34px no-repeat; }
.video-cerceve{ aspect-ratio:16/9; background:#111; }
.video-cerceve iframe,.video-cerceve video{ width:100%; height:100%; border:0; }

.sabit-govde{ max-width:760px; }
.kunye-liste{ display:grid; grid-template-columns:max-content 1fr; gap:8px 18px; }
.kunye-liste dt{ font:700 14px/1.5 var(--dar); text-transform:uppercase; color:var(--gri); }
.kunye-liste dd{ margin:0; }

.iletisim-izgara{ display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:16px; margin:24px 0; }
.iletisim-kart{ padding:18px; border:1px solid var(--cizgi); }
.iletisim-kart .ik{ width:22px; height:22px; color:var(--mavi); margin-bottom:10px; }
.iletisim-kart h2{ font:700 13px/1 var(--dar); text-transform:uppercase; letter-spacing:.05em; color:var(--gri); margin-bottom:6px; }
.iletisim-kart p{ font:500 16px/1.4 var(--sans); overflow-wrap:anywhere; }
.iletisim-kart a:hover{ color:var(--mavi); }
.iletisim-form{ display:grid; gap:14px; max-width:720px; }
.iletisim-form .iki{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }

.bulunamadi{ text-align:center; padding:70px 0 80px; }
.dortyuzdort{ font:900 110px/1 var(--sans); color:var(--mavi-acik); -webkit-text-stroke:2px var(--mavi); }
.bulunamadi h1{ font:700 28px/1.2 var(--sans); margin:14px 0 8px; }
.bulunamadi p{ font:400 17px/1.5 var(--serif); color:var(--gri); margin-bottom:22px; }
.bulunamadi form{ max-width:520px; margin:0 auto 22px; }

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.dipnot{ margin-top:56px; background:var(--mavi-gece); color:rgba(255,255,255,.8); }
.dipnot-ust{ display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap:40px; padding:44px 0 36px; }
.dipnot-logo img{ width:260px; height:auto; }
.dipnot-marka p{ margin:16px 0; font:400 15px/1.55 var(--serif); max-width:440px; }
.dipnot-iletisim li{ display:flex; gap:8px; align-items:center; font-size:14.5px; margin-bottom:6px; }
.dipnot-iletisim a:hover{ color:#fff; text-decoration:underline; }
.dipnot-sosyal{ display:flex; gap:8px; margin-top:16px; }
.dipnot-sosyal a{ width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; }
.dipnot-sosyal a:hover{ background:#fff; color:var(--mavi-gece); }
.dipnot-sosyal .ik{ width:16px; height:16px; }
.dipnot-sutun h2{ font:700 14px/1 var(--dar); text-transform:uppercase; letter-spacing:.07em; color:#fff; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid rgba(255,255,255,.18); }
.dipnot-sutun li{ padding:5px 0; }
.dipnot-sutun a{ font:400 15px/1.35 var(--sans); }
.dipnot-sutun a:hover{ color:#fff; text-decoration:underline; }
.dipnot-alt{ border-top:1px solid rgba(255,255,255,.14); }
.dipnot-alt-ic{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 20px; padding:16px 0 18px; font:400 13px/1.4 var(--dar); color:rgba(255,255,255,.62); }
.dipnot-kredi a{ color:#fff; }
.dipnot-kredi a:hover{ text-decoration:underline; }

.yukari{
  position:fixed; inset-inline-end:18px; bottom:18px; z-index:40; width:44px; height:44px; display:grid; place-items:center;
  background:var(--mavi); color:#fff; border-radius:50%; opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .2s, transform .2s, visibility .2s;
}
.yukari.gorunur{ opacity:1; visibility:visible; transform:none; }

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width: 1100px){
  .anasayfa{ grid-template-columns:minmax(0, 1fr) 300px; grid-template-areas:"orta sag" "sol sag"; }
  .as-sol{ border-inline-end:0; padding-inline-end:0; border-top:4px solid var(--murekkep); padding-top:10px; margin-top:10px;
           display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
  .as-sol .bolum-baslik{ border-top:0; padding-top:0; }
  .ust-tarih{ display:none; }
  .kat-liste a{ padding-inline:9px; font-size:13px; }
}
@media (max-width: 960px){
  .vitrin-ana{ grid-template-columns:1fr; }
  .vitrin-gorsel{ order:-1; }
  .vitrin-alt{ grid-template-columns:1fr; gap:14px; }
  .vitrin-kucuk{ grid-template-columns:110px minmax(0, 1fr); }
  .yazi-duzen,.iki-sutun{ grid-template-columns:1fr; gap:10px; }
  .yan{ border-top:4px solid var(--murekkep); padding-top:6px; margin-top:20px; }
  .yan .bolum-baslik{ border-top:0; }
  .bant-izgara{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .bant-ana{ grid-column:1 / -1; grid-row:auto; padding-inline-end:0; border-inline-end:0; }
  .galeri-serit,.yazar-serit{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .dipnot-ust{ grid-template-columns:1fr 1fr; }
  .dipnot-marka{ grid-column:1 / -1; }
  .yazar-izgara,.galeri-izgara{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px){
  .ust-ic{ min-height:58px; grid-template-columns:44px 1fr 44px; gap:6px; }
  .hamburger{ border:0; padding:0; width:40px; justify-content:center; }
  .hamburger .ust-yazi,.ust-sosyal{ display:none; }
  .marka{ justify-self:center; }
  .marka img{ width:190px; }
  .marka-yazi{ gap:5px; }
  .marka-yazi .my-ad{ font-size:24px; }
  .marka-yazi .my-cizgi{ height:2px; }
  .gundem a,.gundem span{ font-size:11.5px; padding:4px 9px 3px; }
  .kat-menu-ic{ width:100%; }
  .kat-liste{ padding:0 8px; }
  .kat-liste a{ padding:12px 10px 11px; }
  .kat-menu.yapisti .kat-menu-logo{ display:none; }
  .vitrin{ padding-top:0; }
  .vitrin > .kap{ width:100%; }
  .vitrin-kutu{ padding:0 16px 18px; }
  .vitrin-gorsel{ margin:0 -16px; }
  .vitrin-metin{ padding-top:14px; }
  .vitrin-baslik{ font-size:27px; }
  .vitrin-ozet{ font-size:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
  .anasayfa{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"orta" "sag" "sol"; margin-top:22px; }
  .as-sol{ grid-template-columns:minmax(0, 1fr); }
  .satir{ grid-template-columns:minmax(0, 1fr) 112px; gap:12px; padding:14px 0; }
  .satir h3{ font-size:17px; }
  .satir p{ display:none; }
  .buyuk-kart h2{ font-size:24px; }
  .buyuk-kart p{ font-size:16px; }
  .bant-izgara{ gap:16px; }
  .bant-ana h3{ font-size:21px; }
  .bant-kucuk h3{ font-size:15px; }
  .kat-one{ grid-template-columns:minmax(0, 1fr); gap:12px; }
  .kat-one h2{ font-size:23px; }
  .yazi-kunye{ flex-direction:column; align-items:flex-start; }
  .paylas-kutu{ inset-inline-start:0; inset-inline-end:auto; width:min(300px, calc(100vw - 32px)); }
  .yazi-govde{ font-size:calc(18px * var(--punto)); }
  .ilgili-izgara{ grid-template-columns:minmax(0, 1fr); gap:0; }
  .ilgili-kart{ display:grid; grid-template-columns:112px minmax(0, 1fr); gap:12px; padding:12px 0; border-bottom:1px solid var(--cizgi); }
  .ilgili-kart .bk-gorsel{ margin:0; grid-row:span 2; }
  .yorum-form .iki,.iletisim-form .iki{ grid-template-columns:minmax(0, 1fr); }
  .dipnot-ust{ grid-template-columns:minmax(0, 1fr); gap:26px; padding-top:32px; }
  .dipnot-logo img{ width:210px; }
  .dipnot-alt-ic{ flex-direction:column; }
  .yazar-izgara,.galeri-izgara,.foto-izgara{ grid-template-columns:minmax(0, 1fr); }
  .sondakika-ic{ gap:10px; }
  .sd-oklar{ display:none; }
  .yazi-govde .hiza-sol,.yazi-govde .hiza-sag{ float:none; margin:1em auto; }
  .arama-buyuk button{ padding:0 14px; }
}
@media (max-width: 420px){
  .galeri-serit,.yazar-serit{ grid-template-columns:minmax(0, 1fr); }
  .bant-izgara{ grid-template-columns:minmax(0, 1fr); }
  .bant-kucuk{ display:grid; grid-template-columns:112px minmax(0, 1fr); gap:0 12px; }
  .bant-kucuk .bk-gorsel{ grid-row:span 2; margin:0; }
}

/* ==========================================================================
   BASKI
   ========================================================================== */
@media print{
  .ust,.kat-menu,.sondakika,.menu-panel,.menu-perde,.yan,.dipnot,.yukari,.okuma-araclari,.paylas,
  .yazi-alt-paylas,.yorumlar,.ilgili,.kusak,.izyolu,.okuma-cubugu,.reklam-ust{ display:none !important; }
  body{ font-size:12pt; }
  .yazi-duzen{ display:block; }
  .yazi-govde{ font-size:12pt; }
  a{ text-decoration:none; }
}

/* ==========================================================================
   ARAPÇA (dir="rtl")
   Arapça harfler bitişik yazılır: harf aralığı (letter-spacing) bitişmeyi
   koparır, büyük harf dönüşümü anlamsızdır; ikisi de sıfırlanır.
   ========================================================================== */
[dir="rtl"]{
  --sans:  "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
  --dar:   "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;
  --serif: "Noto Naskh Arabic", "Traditional Arabic", "Times New Roman", serif;
}
[dir="rtl"] *{ letter-spacing:0 !important; text-transform:none !important; }
[dir="rtl"] body{ line-height:1.7; }
[dir="rtl"] .yazi-govde{ line-height:1.95; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{ line-height:1.5; }
/* Menü paneli sağdan açılır */
[dir="rtl"] .menu-panel{ left:auto; right:0; transform:translateX(102%); }
[dir="rtl"] .menu-panel.acik{ transform:none; }
/* Yapışan menüdeki küçük logonun yer hesabı soldan yapılıyor (site.js); Arapçada gösterilmez. */
[dir="rtl"] .kat-menu-logo{ display:none; }
[dir="rtl"] .kat-menu.yapisti.logo-sigar .kat-liste{ transform:none; }
/* Yön bildiren oklar (fotoğraf geçişi, "tümü" okları) aynalanır */
[dir="rtl"] .fs-ok .ik{ transform:scaleX(-1); }
[dir="rtl"] .marka-yazi .my-ad{ font:700 40px/1.25 "Noto Kufi Arabic", Tahoma, sans-serif; }
[dir="rtl"] .marka-yazi .my-cizgi{ background:linear-gradient(270deg, #fff 0 50%, #111 50% 100%); }
@media (max-width: 767px){
  [dir="rtl"] .marka-yazi .my-ad{ font-size:24px; }
}
/* Arapça sayfada Türkçe (Latin) kalan özel adlar, sayılar ve e-posta adresleri */
[dir="rtl"] .ltr,[dir="rtl"] input[type="email"],[dir="rtl"] input[type="tel"]{ direction:ltr; text-align:right; }

/* Dil düğmesi (başlık bandı) */
.dil-dugme{
  display:inline-flex; align-items:center; height:32px; padding:0 12px; border:1px solid rgba(255,255,255,.4);
  border-radius:3px; color:#fff; font:700 14px/1 var(--dar);
}
.dil-dugme:lang(ar){ font-family:"Noto Kufi Arabic", Tahoma, sans-serif; font-size:15px; }
.dil-dugme:hover{ background:rgba(255,255,255,.12); }
@media (max-width: 767px){ .dil-dugme{ height:30px; padding:0 8px; font-size:13px; } }
.dil-dugme .dd-kisa{ display:none; }
@media (max-width: 480px){
  .dil-dugme{ padding:0 7px; font-family:"Roboto Condensed", Arial, sans-serif; }
  .dil-dugme .dd-uzun{ display:none; }
  .dil-dugme .dd-kisa{ display:inline; }
  .marka-yazi .my-ad{ font-size:21px; }
  [dir="rtl"] .marka-yazi .my-ad{ font-size:22px; }
}