/* ==========================================================================
   KUDÜS HABER · Ön yüz
   Düzen referansı: Times of Israel. Mavi başlık bandı, ortada logo, 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.
   ========================================================================== */

:root{
  --mavi:        #0e4f97;
  --mavi-koyu:   #0a3d77;
  --mavi-gece:   #082c56;
  --mavi-acik:   #e8f0f9;
  --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; left: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; }
.marka-yazi{ font:900 38px/1 var(--sans); text-transform:uppercase; letter-spacing:-.01em; }
.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-left: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:#8fc1f3; }
.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-right: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-right:1px solid var(--cizgi); padding-right: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-right:24px; border-right: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-left:3px solid var(--mavi); padding-left: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; right: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{ left:12px; } .fs-ileri{ right:12px; }
.fs-sayac{ position:absolute; right: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-left:1.3em; }
.yazi-govde ol{ list-style:decimal; padding-left:1.3em; }
.yazi-govde li{ margin-bottom:.4em; }
.yazi-govde blockquote{ margin:1.4em 0; padding:4px 0 4px 20px; border-left: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:left; }
/* 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-right: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; left:-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-left: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-left: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-left:10px; border-left: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; right: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-right:0; padding-right: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-right:0; border-right: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; }
  .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{ left:0; right: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; }
}