/* ==========================================================================
   BATMAN OBJEKTİF — Ön Yüz
   Tasarım dili: "Mürekkep & Gazete Kâğıdı"
   Kart gölgesi yerine saç teli çizgiler, keskin köşeler, matbaa kırmızısı.
   ========================================================================== */

:root{
  /* Kâğıt & mürekkep */
  --kagit:        #f3efe6;
  --kagit-acik:   #fbf9f5;
  --kagit-koyu:   #e9e3d6;
  --murekkep:     #16130f;
  --murekkep-2:   #2f2a24;
  --murekkep-3:   #6b6459;
  --soluk:        #8c8579;

  /* Vurgu */
  --kirmizi:      #c1121f;
  --kirmizi-koyu: #97101a;
  --altin:        #a8792c;
  --yesil:        #2f6b45;

  /* Çizgiler */
  --tel:          #d9d2c3;   /* saç teli çizgi */
  --tel-koyu:     #c3baa7;
  --tel-ters:     rgba(255,255,255,.14);

  /* Tipografi */
  --serif:  "Newsreader", "Georgia", "Times New Roman", serif;
  --sans:   "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --dar:    "IBM Plex Sans Condensed", "IBM Plex Sans", system-ui, sans-serif;

  --gecis: 220ms cubic-bezier(.2,.7,.3,1);
}

/* ---------- temel ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--kagit);
  color:var(--murekkep);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-weight:600; letter-spacing:-.012em; }
p{ margin:0; }
ul,ol,dl,dd{ margin:0; padding:0; list-style:none; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }
input{ font:inherit; }
sup{ font-size:.5em; vertical-align:super; line-height:0; }

::selection{ background:var(--kirmizi); color:#fff; }
:focus-visible{ outline:2px solid var(--kirmizi); outline-offset:3px; }

.kap{ width:min(1280px, 100% - 40px); margin-inline:auto; }

.gizli-metin{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap;
}
.simge-deposu{ display:none; }

.atla{
  position:fixed; top:-60px; left:16px; z-index:200;
  background:var(--murekkep); color:#fff; padding:10px 16px;
  font:600 13px/1 var(--dar); letter-spacing:.08em; text-transform:uppercase;
  transition:top var(--gecis);
}
.atla:focus{ top:12px; }

/* kâğıt dokusu */
.doku{
  position:fixed; inset:0; z-index:400; pointer-events:none;
  opacity:.055; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* simgeler */
.ik{
  width:1em; height:1em; flex:none;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
.ik-buyuk{ width:1.6em; height:1.6em; stroke-width:1.4; }

/* ortak: kategori etiketi */
.etiket{
  display:inline-block;
  font:600 10.5px/1 var(--dar);
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--kirmizi);
}
.etiket-duz{ margin-bottom:9px; }
.etiket::before{
  content:""; display:inline-block; width:14px; height:2px;
  background:var(--kirmizi); vertical-align:middle;
  margin-right:8px; margin-bottom:2px;
}

/* ortak: üst veri satırı */
.ustveri{
  display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  font:500 12px/1 var(--dar);
  letter-spacing:.02em; color:var(--soluk);
}
.ustveri .ik{ width:13px; height:13px; stroke-width:1.7; }
.ustveri i{ width:3px; height:3px; background:var(--tel-koyu); border-radius:50%; margin:0 3px; }

/* ==========================================================================
   ÜST ŞERİT
   ========================================================================== */
.serit{
  background:var(--murekkep);
  color:#b9b2a6;
  font:500 12px/1 var(--dar);
  letter-spacing:.02em;
}
.serit-ic{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px; }
.serit-sol{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.serit-oge{ display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
.serit-oge .ik{ width:14px; height:14px; color:var(--altin); opacity:.9; }
.serit-oge b{ color:#f0ece3; font-weight:600; }
.serit-oge i{ font-style:normal; opacity:.35; margin:0 2px; }
.serit-sag{ display:flex; align-items:center; }
.serit-sag a{
  width:30px; height:36px; display:grid; place-items:center;
  color:#8f887c; transition:color var(--gecis), background var(--gecis);
}
.serit-sag a:hover{ color:#fff; background:var(--kirmizi); }
.serit-sag .ik{ width:14px; height:14px; }

/* ==========================================================================
   KÜNYE (masthead)
   ========================================================================== */
.kunye{
  background:var(--kagit-acik);
  border-bottom:1px solid var(--tel);
}
.kunye-ic{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:34px;
  padding:22px 0 20px;
}
.marka{ display:flex; align-items:center; gap:16px; }
.marka-isaret{
  width:52px; height:52px; flex:none;
  fill:none; stroke:var(--kirmizi); stroke-width:1.5; stroke-linecap:round;
  transition:transform 600ms cubic-bezier(.2,.7,.3,1);
}
.marka:hover .marka-isaret{ transform:rotate(60deg); }
.marka-ad{
  display:block;
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(30px, 3.4vw, 44px);
  line-height:.95;
  letter-spacing:-.028em;
  color:var(--murekkep);
}
.marka-vurgu{ color:var(--kirmizi); font-style:italic; }
.marka-alt{
  display:flex; align-items:center; gap:8px;
  margin-top:9px;
  font:600 10px/1 var(--dar);
  letter-spacing:.24em; text-transform:uppercase;
  color:var(--murekkep-3);
}
.marka-alt i{ width:20px; height:1px; background:var(--tel-koyu); }

.reklam{
  display:grid; place-items:center;
  border:1px dashed var(--tel-koyu);
  background:
    repeating-linear-gradient(-45deg, transparent 0 10px, rgba(0,0,0,.018) 10px 20px);
  color:var(--soluk);
}
.reklam span{
  display:flex; align-items:center; gap:10px;
  font:600 10px/1 var(--dar); letter-spacing:.22em; text-transform:uppercase;
}
.reklam i{ font-style:normal; opacity:.6; letter-spacing:.1em; }
.reklam-kunye{ height:74px; max-width:620px; justify-self:center; width:100%; }
.reklam-govde{ height:104px; margin:34px 0; }
.reklam-yan{ height:250px; }

.kunye-eylem{ display:flex; align-items:center; gap:12px; }
.ara{
  display:flex; align-items:center;
  border:1px solid var(--tel-koyu);
  background:var(--kagit);
  height:42px;
  transition:border-color var(--gecis);
}
.ara:focus-within{ border-color:var(--murekkep); }
.ara input{
  width:180px; height:100%; border:0; background:none; padding:0 12px;
  font-size:13.5px; color:var(--murekkep);
}
.ara input::placeholder{ color:var(--soluk); }
.ara input:focus{ outline:none; }
.ara button{
  width:42px; height:100%; display:grid; place-items:center;
  color:var(--murekkep-2);
}
.ara button:hover{ color:var(--kirmizi); }
.ara .ik{ width:17px; height:17px; }

.dugme-egazete{
  display:inline-flex; align-items:center; gap:9px;
  height:42px; padding:0 18px;
  background:var(--murekkep); color:var(--kagit-acik);
  font:600 12px/1 var(--dar); letter-spacing:.13em; text-transform:uppercase;
  transition:background var(--gecis);
}
.dugme-egazete:hover{ background:var(--kirmizi); }
.dugme-egazete .ik{ width:17px; height:17px; }

/* ==========================================================================
   MENÜ
   ========================================================================== */
.menu{
  background:var(--murekkep);
  position:sticky; top:0; z-index:120;
  box-shadow:0 1px 0 rgba(0,0,0,.25);
}
.menu-ic{ display:flex; align-items:center; gap:18px; min-height:48px; }
.menu-dugme{
  display:none; align-items:center; gap:8px;
  color:#fff; font:600 12px/1 var(--dar); letter-spacing:.14em;
}
.menu-dugme .ik{ width:20px; height:20px; }

.menu-liste{ display:flex; align-items:stretch; flex:1; min-width:0; }
.menu-liste > li{ display:flex; }
.menu-liste a,
.menu-liste > li > button{
  display:flex; align-items:center;
  padding:0 14px; height:48px;
  color:#cfc8ba;
  font:600 12.5px/1 var(--dar);
  letter-spacing:.11em; text-transform:uppercase;
  position:relative;
  transition:color var(--gecis);
}
.menu-liste a::after{
  content:""; position:absolute; left:14px; right:14px; bottom:11px;
  height:2px; background:var(--kirmizi);
  transform:scaleX(0); transform-origin:left; transition:transform var(--gecis);
}
.menu-liste a:hover,
.menu-liste > li > button:hover{ color:#fff; }
.menu-liste a:hover::after{ transform:scaleX(1); }
.menu-liste a.aktif{ color:#fff; }
.menu-liste a.aktif::after{ transform:scaleX(1); }

.menu-daha{ position:relative; }
.menu-daha > button::after{
  content:""; width:5px; height:5px; margin-left:8px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.menu-acilir{
  position:absolute; top:100%; left:0; min-width:210px;
  background:var(--murekkep-2);
  border-top:2px solid var(--kirmizi);
  padding:6px 0;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:all var(--gecis);
  z-index:5;
}
.menu-daha:hover .menu-acilir,
.menu-daha:focus-within .menu-acilir{ opacity:1; visibility:visible; transform:none; }
.menu-acilir a{ height:38px; padding:0 18px; text-transform:none; letter-spacing:.02em; font-size:13.5px; }
.menu-acilir a::after{ display:none; }
.menu-acilir a:hover{ background:rgba(255,255,255,.06); color:#fff; }

.canli{
  display:inline-flex; align-items:center; gap:8px;
  margin-left:auto; padding:0 14px; height:30px;
  border:1px solid rgba(255,255,255,.22);
  color:#e8e2d6;
  font:600 11px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  white-space:nowrap;
  transition:border-color var(--gecis), color var(--gecis);
}
.canli:hover{ border-color:var(--kirmizi); color:#fff; }
/* Dugme <button> ya da <a> olabilir: akis adresi varsa yerlesik oynatici acar,
   yoksa yayincinin sitesine gider. Iki halde de gorunum aynidir. */
a.canli{ text-decoration:none; }
.canli-disari{ width:11px; height:11px; opacity:.55; }
a.canli:hover .canli-disari{ opacity:1; }
.canli b{ color:var(--kirmizi); }
.canli-nokta{
  width:7px; height:7px; background:var(--kirmizi); border-radius:50%;
  animation:nabiz 1.8s infinite;
}
@keyframes nabiz{
  0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(193,18,31,.55); }
  70%{ opacity:.75; box-shadow:0 0 0 7px rgba(193,18,31,0); }
}

/* ==========================================================================
   SON DAKİKA
   ========================================================================== */
.sondakika{ background:var(--kagit-acik); border-bottom:1px solid var(--tel); }
.sondakika-ic{ display:flex; align-items:center; height:46px; gap:0; }
.sondakika-etiket{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--kirmizi); color:#fff;
  padding:0 16px; height:100%;
  font:700 11.5px/1 var(--dar); letter-spacing:.14em;
  white-space:nowrap;
}
.sd-nokta{ width:6px; height:6px; background:#fff; border-radius:50%; animation:nabiz 1.4s infinite; }
.akis{ flex:1; overflow:hidden; padding-left:18px; position:relative; min-width:0; }
.akis::after{
  content:""; position:absolute; right:0; top:0; bottom:0; width:60px;
  background:linear-gradient(90deg, transparent, var(--kagit-acik));
}
.akis-ic{ display:flex; align-items:center; gap:0; width:max-content; animation:kay 46s linear infinite; }
.akis-ic a{
  display:inline-flex; align-items:center;
  font-size:14px; color:var(--murekkep-2); white-space:nowrap;
  padding-right:26px; margin-right:26px;
  border-right:1px solid var(--tel);
  transition:color var(--gecis);
}
.akis-ic a:hover{ color:var(--kirmizi); }
.akis:hover .akis-ic,
.akis-ic.duraklat{ animation-play-state:paused; }
@keyframes kay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.akis-durdur{
  width:36px; height:100%; display:flex; align-items:center; justify-content:center; gap:3px;
  border-left:1px solid var(--tel); color:var(--soluk);
}
.akis-durdur span{ width:2px; height:11px; background:currentColor; }
.akis-durdur:hover{ color:var(--kirmizi); }
.akis-durdur.oynat span:first-child{
  width:0; height:0; background:none;
  border-left:8px solid currentColor; border-top:5px solid transparent; border-bottom:5px solid transparent;
}
.akis-durdur.oynat span:last-child{ display:none; }

/* ==========================================================================
   MANŞET
   ========================================================================== */
.manset{
  display:grid;
  grid-template-columns:minmax(0,1fr) 348px;
  gap:0 36px;
  padding:34px 0 40px;
}

.vitrin{ position:relative; }
.vitrin-cerceve{ display:grid; }
.slayt{
  grid-area:1/1;
  opacity:0; visibility:hidden;
  transition:opacity 620ms ease, visibility 620ms;
}
.slayt.acik{ opacity:1; visibility:visible; }
.slayt-gorsel{
  margin:0; overflow:hidden; background:var(--kagit-koyu);
  aspect-ratio:16/9;
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.slayt-gorsel img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.94) contrast(1.03);
  transition:transform 700ms cubic-bezier(.2,.7,.3,1), filter 320ms var(--gecis);
}
.slayt:hover .slayt-gorsel img{ transform:scale(1.025); }
.slayt-yazi{
  position:relative; z-index:2;
  margin:-74px 46px 0 40px;
  padding:24px 30px 22px;
  background:var(--kagit-acik);
  border-top:3px solid var(--kirmizi);
}
.slayt-yazi h1,
.slayt-yazi h2{
  font-family:var(--serif);
  font-weight:600;
  font-size:clamp(24px, 2.6vw, 36px);
  line-height:1.08;
  letter-spacing:-.022em;
  margin:10px 0 12px;
}
.slayt-yazi h1 a,
.slayt-yazi h2 a{
  background-image:linear-gradient(var(--kirmizi), var(--kirmizi));
  background-size:0 2px; background-repeat:no-repeat; background-position:0 100%;
  transition:background-size 320ms var(--gecis), color var(--gecis);
}
.slayt-yazi h1 a:hover,
.slayt-yazi h2 a:hover{ color:var(--kirmizi); background-size:100% 2px; }
.slayt-yazi p{
  font-size:15px; line-height:1.62; color:var(--murekkep-3);
  max-width:62ch; margin-bottom:14px;
}

.vitrin-kontrol{
  position:absolute; top:3px; right:0; z-index:4;
  display:flex; align-items:stretch;
  background:rgba(22,19,15,.86);
  backdrop-filter:blur(2px);
}
.vitrin-ok{
  width:38px; height:38px; display:grid; place-items:center;
  color:#e8e2d6; transition:background var(--gecis);
}
.vitrin-ok:hover{ background:var(--kirmizi); }
.vitrin-ok .ik{ width:16px; height:16px; }
.vitrin-sayac{ display:flex; align-items:center; }
.vitrin-sayac button{
  width:30px; height:38px;
  font:600 11px/1 var(--dar); letter-spacing:.06em;
  color:#8f887c; transition:color var(--gecis);
  position:relative;
}
.vitrin-sayac button:hover{ color:#fff; }
.vitrin-sayac button.acik{ color:#fff; }
.vitrin-sayac button.acik::after{
  content:""; position:absolute; left:8px; right:8px; bottom:8px; height:2px; background:var(--kirmizi);
}
.vitrin-ilerleme{ position:absolute; left:0; right:0; top:0; height:3px; background:rgba(22,19,15,.12); z-index:3; }
.vitrin-ilerleme span{ display:block; height:100%; width:0; background:var(--kirmizi); }

/* günün manşetleri */
.gunun-listesi{ border-left:1px solid var(--tel); padding-left:34px; }
.liste-baslik{
  font:700 11px/1 var(--dar); letter-spacing:.2em; text-transform:uppercase;
  color:var(--murekkep); padding-bottom:12px; border-bottom:2px solid var(--murekkep);
}
.siralama li + li{ border-top:1px solid var(--tel); }
.siralama a{
  display:flex; gap:14px; padding:14px 0;
  transition:background var(--gecis);
}
.siralama a:hover{ background:rgba(22,19,15,.03); }
.sira{
  font:700 15px/1 var(--dar);
  color:var(--kirmizi); font-variant-numeric:tabular-nums;
  padding-top:3px; min-width:22px;
}
.sira-yazi{ display:block; }
.sira-baslik{
  display:block;
  font-family:var(--serif); font-weight:500; font-size:16.5px; line-height:1.28;
  letter-spacing:-.01em; color:var(--murekkep);
  transition:color var(--gecis);
}
.siralama a:hover .sira-baslik{ color:var(--kirmizi); }
.sira-kat{
  display:flex; align-items:center; gap:7px; margin-top:6px;
  font:600 10.5px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk);
}
.sira-kat i{ width:3px; height:3px; background:var(--tel-koyu); border-radius:50%; }

/* ==========================================================================
   ÖNE ÇIKANLAR
   ========================================================================== */
.onecikan{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr));
  border-top:2px solid var(--murekkep);
  border-bottom:1px solid var(--tel);
  padding:26px 0 28px;
}
.oc-kart + .oc-kart{ border-left:1px solid var(--tel); }
.oc-kart{ padding:0 22px; }
.oc-kart:first-child{ padding-left:0; }
.oc-kart:last-child{ padding-right:0; }
.oc-kart figure{
  margin:0 0 14px; overflow:hidden; aspect-ratio:3/2; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.oc-kart img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.9) contrast(1.03);
  transition:transform 600ms var(--gecis), filter var(--gecis);
}
.oc-kart a:hover img{ transform:scale(1.04); filter:saturate(1) contrast(1.03); }
.oc-kart h3{
  font-family:var(--serif); font-weight:600; font-size:18.5px; line-height:1.25;
  margin-bottom:10px;
  transition:color var(--gecis);
}
.oc-kart a:hover h3{ color:var(--kirmizi); }

/* ==========================================================================
   GÖVDE
   ========================================================================== */
.govde{
  display:grid;
  grid-template-columns:minmax(0,1fr) 348px;
  gap:0 36px;
  padding:40px 0 10px;
  align-items:start;
}
.sutun-ana{ min-width:0; }
.yan{ border-left:1px solid var(--tel); padding-left:34px; min-width:0; }

/* bölüm başlığı */
.blok-baslik{
  display:flex; align-items:center; gap:18px;
  margin-bottom:22px;
}
.blok-baslik h2{
  font-family:var(--serif); font-weight:700; font-size:27px; line-height:1;
  letter-spacing:-.02em;
  position:relative; padding-bottom:2px;
}
.blok-baslik h2::after{
  content:""; position:absolute; left:0; bottom:-9px; width:46px; height:3px; background:var(--kirmizi);
}
.blok-cizgi{ flex:1; height:1px; background:var(--tel-koyu); }
.blok-tumu{
  display:inline-flex; align-items:center; gap:7px;
  font:600 11px/1 var(--dar); letter-spacing:.14em; text-transform:uppercase;
  color:var(--murekkep-3); transition:color var(--gecis);
}
.blok-tumu:hover{ color:var(--kirmizi); }
.blok-tumu .ik{ width:13px; height:13px; }

.blok + .blok{ margin-top:44px; }

.blok-izgara{
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:0 30px;
}
.blok-izgara.ters > .one-haber{ order:2; }
.blok-izgara.ters > .satir-liste{ order:1; padding:0 30px 0 0; border-left:0; border-right:1px solid var(--tel); }

.one-haber figure{
  margin:0 0 16px; overflow:hidden; aspect-ratio:3/2; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.one-haber img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.92) contrast(1.03);
  transition:transform 700ms var(--gecis), filter 320ms var(--gecis);
}
.one-haber a:hover img{ transform:scale(1.03); }
.one-haber h3{
  font-family:var(--serif); font-weight:600; font-size:25px; line-height:1.16;
  letter-spacing:-.018em; margin-bottom:10px;
  transition:color var(--gecis);
}
.one-haber a:hover h3{ color:var(--kirmizi); }
.one-haber p{ font-size:14.5px; line-height:1.62; color:var(--murekkep-3); margin-bottom:12px; }

.satir-liste{ padding-left:30px; border-left:1px solid var(--tel); }
.satir + .satir{ border-top:1px solid var(--tel); }
.satir a{ display:flex; gap:16px; padding:15px 0; align-items:flex-start; }
.satir:first-child a{ padding-top:0; }
.satir figure{
  margin:0; width:88px; height:88px; flex:none; overflow:hidden; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.satir img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.88) contrast(1.03);
  transition:transform 600ms var(--gecis), filter 320ms var(--gecis);
}
.satir a:hover img{ transform:scale(1.06); }
.satir h4{
  font-family:var(--serif); font-weight:500; font-size:17px; line-height:1.26;
  letter-spacing:-.01em; margin-bottom:8px;
  transition:color var(--gecis);
}
.satir a:hover h4{ color:var(--kirmizi); }

/* ilçeler */
.ilceler{
  margin-top:44px;
  background:var(--murekkep);
  color:var(--kagit);
  padding:28px 32px;
  display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
  background-image:linear-gradient(90deg, rgba(193,18,31,.16), transparent 42%);
}
.ilceler-yazi{ display:flex; gap:16px; align-items:flex-start; }
.ilceler-yazi > .ik{ color:var(--kirmizi); margin-top:2px; }
.ilceler h2{ font-family:var(--serif); font-weight:700; font-size:23px; letter-spacing:-.02em; }
.ilceler p{ font-size:13.5px; color:#a8a196; margin-top:5px; max-width:46ch; }
.ilce-etiketler{ display:flex; gap:8px; flex-wrap:wrap; }
.ilce-etiketler a{
  padding:9px 15px;
  border:1px solid rgba(255,255,255,.2);
  font:600 11.5px/1 var(--dar); letter-spacing:.1em; text-transform:uppercase;
  color:#ddd6c9;
  transition:all var(--gecis);
}
.ilce-etiketler a:hover{ background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }

/* ==========================================================================
   YAN SÜTUN MODÜLLERİ
   ========================================================================== */
.modul + .modul,
.modul + .reklam{ margin-top:30px; padding-top:30px; border-top:1px solid var(--tel); }
.modul-baslik{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  padding-bottom:11px; margin-bottom:14px;
  border-bottom:2px solid var(--murekkep);
  font:700 11.5px/1 var(--dar); letter-spacing:.18em; text-transform:uppercase;
}
.modul-baslik span{
  font-weight:500; letter-spacing:.06em; text-transform:none; color:var(--soluk); font-size:12px;
}

.sekme-basliklar{ display:flex; border-bottom:2px solid var(--murekkep); margin-bottom:6px; }
.sekme{
  flex:1; padding:0 4px 11px;
  font:600 11px/1 var(--dar); letter-spacing:.1em; text-transform:uppercase;
  color:var(--soluk); position:relative;
  transition:color var(--gecis);
}
.sekme:hover{ color:var(--murekkep); }
.sekme.acik{ color:var(--murekkep); }
.sekme.acik::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--kirmizi);
}
.sekme-panel{ display:none; }
.sekme-panel.acik{ display:block; animation:belir 380ms ease both; }
.sekme-panel li + li{ border-top:1px solid var(--tel); }
.sekme-panel a{
  display:flex; gap:13px; padding:12px 0;
  font-family:var(--serif); font-weight:500; font-size:16px; line-height:1.28; letter-spacing:-.01em;
  transition:color var(--gecis);
}
.sekme-panel a:hover{ color:var(--kirmizi); }
.sekme-panel .sira{
  font:700 14px/1.3 var(--dar); color:var(--kirmizi); min-width:14px;
}
@keyframes belir{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }

/* hava */
.hava-ust{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--murekkep); color:var(--kagit);
  padding:18px 20px;
}
.hava-derece{
  font-family:var(--dar); font-weight:600; font-size:46px; line-height:.9;
  letter-spacing:-.03em;
}
.hava-durum{
  display:flex; align-items:center; gap:8px; margin-top:8px;
  font:500 12px/1 var(--dar); letter-spacing:.05em; color:#a8a196;
}
.hava-durum i{ width:3px; height:3px; background:#6d675c; border-radius:50%; }
.hava-ikon{
  width:52px; height:52px; color:var(--altin);
  fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round;
}
.hava-gunler{ display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--tel); border-top:0; }
.hava-gunler > div{
  display:grid; justify-items:center; gap:7px; padding:12px 4px;
  font:600 11px/1 var(--dar); letter-spacing:.08em; text-transform:uppercase; color:var(--soluk);
}
.hava-gunler > div + div{ border-left:1px solid var(--tel); }
.hava-gunler .ik{ width:18px; height:18px; color:var(--murekkep-3); stroke-width:1.4; }
.hava-gunler b{ font-family:var(--dar); font-size:14px; color:var(--murekkep); }

/* cetvel (namaz / piyasa), matbaa noktalı dolgu */
.cetvel > div{
  display:flex; align-items:baseline; gap:8px;
  padding:9px 0;
  font-size:14px;
}
.cetvel > div + div{ border-top:1px dotted var(--tel-koyu); }
.cetvel dt{ color:var(--murekkep-2); }
.cetvel > div::after{
  content:""; flex:1; height:0;
  border-bottom:1px dotted var(--tel-koyu);
  order:1; margin:0 4px 5px;
}
.cetvel dd{
  order:2; margin:0;
  font-family:var(--dar); font-weight:600; font-size:15px;
  font-variant-numeric:tabular-nums; letter-spacing:.01em;
}
.cetvel .simdi dt{ color:var(--kirmizi); font-weight:600; }
.cetvel .simdi dd{ color:var(--kirmizi); }
.cetvel .simdi dt::after{
  content:"şimdi"; margin-left:8px; padding:2px 6px;
  background:var(--kirmizi); color:#fff;
  font:600 9px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  vertical-align:middle;
}
.cetvel-piyasa dd b{
  font-size:11.5px; font-weight:600; margin-left:7px; letter-spacing:.02em;
}
.artis{ color:var(--yesil); }
.dusus{ color:var(--kirmizi); }

/* e-gazete */
.egazete-kapak{
  display:block; position:relative;
  box-shadow:6px 7px 0 rgba(22,19,15,.09), inset 0 0 0 1px rgba(22,19,15,.12);
  transform:rotate(-.8deg);
  transition:transform 320ms var(--gecis), box-shadow 320ms var(--gecis);
}
.egazete-kapak:hover{ transform:rotate(0) translateY(-3px); box-shadow:8px 10px 0 rgba(22,19,15,.13), inset 0 0 0 1px rgba(22,19,15,.12); }
.egazete-kapak img{ width:100%; filter:saturate(.85) contrast(1.05); }
.egazete-oku{
  position:absolute; left:0; right:0; bottom:0;
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 10px;
  background:var(--murekkep); color:#fff;
  font:600 11px/1 var(--dar); letter-spacing:.14em; text-transform:uppercase;
}
.egazete-oku .ik{ width:13px; height:13px; }

/* ==========================================================================
   YAZARLAR
   ========================================================================== */
.yazarlar{
  margin-top:56px;
  padding:44px 0 48px;
  background:var(--kagit-acik);
  border-top:1px solid var(--tel);
  border-bottom:1px solid var(--tel);
}
.yazar-izgara{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); }
.yazar{ padding:0 26px; }
.yazar:first-child{ padding-left:0; }
.yazar:last-child{ padding-right:0; }
.yazar + .yazar{ border-left:1px solid var(--tel); }
.yazar a{ display:flex; gap:16px; align-items:flex-start; }
.yazar img{
  width:66px; height:78px; flex:none; object-fit:cover;
  filter:grayscale(1) contrast(1.08);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.14);
  transition:filter var(--gecis);
}
.yazar a:hover img{ filter:grayscale(0) contrast(1.02); }
.yazar-ad{
  display:block;
  font:600 13.5px/1.2 var(--sans); letter-spacing:.01em;
}
.yazar-unvan{
  display:block; margin-top:4px; padding-bottom:9px;
  border-bottom:2px solid var(--kirmizi); width:fit-content;
  font:600 10px/1 var(--dar); letter-spacing:.16em; text-transform:uppercase; color:var(--soluk);
}
.yazar p{
  margin-top:11px;
  font-family:var(--serif); font-style:italic; font-weight:500;
  font-size:16.5px; line-height:1.3; letter-spacing:-.01em;
  transition:color var(--gecis);
}
.yazar a:hover p{ color:var(--kirmizi); }

/* ==========================================================================
   VİDEO
   ========================================================================== */
.video{ background:var(--murekkep); color:var(--kagit); padding:46px 0 50px; }
.blok-baslik-ters h2{ color:#fff; }
.blok-baslik-ters .blok-cizgi{ background:rgba(255,255,255,.18); }
.blok-baslik-ters .blok-tumu{ color:#a8a196; }
.blok-baslik-ters .blok-tumu:hover{ color:#fff; }

.video-izgara{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:0 32px; }
.video-buyuk figure,
.video-kucuk figure{ margin:0; position:relative; overflow:hidden; background:#0d0b09; }
.video-buyuk figure{ aspect-ratio:16/10; }
.video-buyuk img,
.video-kucuk img{
  width:100%; height:100%; object-fit:cover; opacity:.82;
  transition:opacity var(--gecis), transform 700ms var(--gecis);
}
.video-buyuk a:hover img,
.video-kucuk a:hover img{ opacity:1; transform:scale(1.03); }
.oynat{
  position:absolute; left:0; bottom:0;
  width:58px; height:58px; display:grid; place-items:center;
  background:var(--kirmizi); color:#fff;
  transition:width var(--gecis), height var(--gecis);
}
.oynat .ik{ width:20px; height:20px; }
.oynat.kucuk{ width:34px; height:34px; }
.oynat.kucuk .ik{ width:13px; height:13px; }
.video-buyuk h3{
  font-family:var(--serif); font-weight:600; font-size:23px; line-height:1.2;
  letter-spacing:-.018em; margin-top:16px; color:#f2ede3;
  transition:color var(--gecis);
}
.video-buyuk a:hover h3{ color:#fff; }
.sure{
  display:inline-block; margin-top:14px;
  font:600 11px/1 var(--dar); letter-spacing:.14em; color:var(--kirmizi);
}
.video-liste{ display:grid; align-content:start; }
.video-kucuk + .video-kucuk{ border-top:1px solid var(--tel-ters); }
.video-kucuk a{ display:flex; gap:15px; padding:13px 0; align-items:flex-start; }
.video-liste .video-kucuk:first-child a{ padding-top:0; }
.video-kucuk figure{ width:118px; height:74px; flex:none; }
.video-kucuk h4{
  font-family:var(--serif); font-weight:500; font-size:16px; line-height:1.26;
  color:#e6e0d5; transition:color var(--gecis);
}
.video-kucuk a:hover h4{ color:#fff; }
.sure-yazi{
  display:block; margin-top:8px;
  font:500 11px/1 var(--dar); letter-spacing:.12em; color:#877f73;
}

/* ==========================================================================
   FOTO GALERİ
   ========================================================================== */
.foto{ padding:48px 0 56px; }
.foto-izgara{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:18px; }
.foto-kart{
  position:relative; overflow:hidden; display:block;
  aspect-ratio:4/5; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.1);
}
.foto-kart img{
  width:100%; height:100%; object-fit:cover;
  filter:saturate(.9) contrast(1.04);
  transition:transform 800ms var(--gecis);
}
.foto-kart:hover img{ transform:scale(1.06); }
.foto-yazi{
  position:absolute; inset:auto 0 0 0;
  display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px;
  padding:52px 20px 18px;
  background:linear-gradient(transparent, rgba(14,12,10,.9) 58%);
  color:#fff;
  font:600 10.5px/1 var(--dar); letter-spacing:.16em; text-transform:uppercase;
}
.foto-yazi .ik{ width:14px; height:14px; color:var(--kirmizi); }
.foto-yazi b{
  grid-column:1/-1; margin-top:2px;
  font-family:var(--serif); font-weight:600; font-size:17px; line-height:1.24;
  letter-spacing:-.012em; text-transform:none;
}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.dipnot{ background:var(--murekkep); color:#a8a196; }
.dipnot-ust{
  display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:40px;
  padding:52px 0 44px;
}
.dipnot-marka .marka-isaret{ width:40px; height:40px; margin-bottom:14px; }
.dipnot-logo{ display:block; height:58px; width:auto; max-width:100%; margin-bottom:16px; }
@media (max-width:640px){ .dipnot-logo{ height:46px; } }
.dipnot-marka .marka-ad{ font-size:30px; color:#f2ede3; }
.dipnot-marka p{ margin-top:16px; font-size:13.5px; line-height:1.7; max-width:42ch; }
.dipnot-sosyal{ display:flex; gap:8px; margin-top:20px; }
.dipnot-sosyal a{
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.16); color:#a8a196;
  transition:all var(--gecis);
}
.dipnot-sosyal a:hover{ background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.dipnot-sosyal .ik{ width:15px; height:15px; }
.dipnot-sutun h3{
  font:700 11px/1 var(--dar); letter-spacing:.2em; text-transform:uppercase;
  color:#f2ede3; padding-bottom:12px; margin-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.dipnot-sutun li{ padding:6px 0; font-size:14px; }
.dipnot-sutun a{ transition:color var(--gecis); }
.dipnot-sutun a:hover{ color:#fff; }
.dipnot-iletisim li{ display:flex; gap:11px; align-items:flex-start; line-height:1.55; }
.dipnot-iletisim .ik{ width:15px; height:15px; margin-top:4px; color:var(--kirmizi); }
.dipnot-iletisim i{ display:inline-block; width:3px; height:3px; background:#5c564c; border-radius:50%; margin:0 8px 3px; }
.dipnot-alt{ border-top:1px solid rgba(255,255,255,.1); }
.dipnot-alt .kap{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  min-height:56px;
  font:500 12px/1 var(--dar); letter-spacing:.06em; color:#7d766b;
}
.dipnot-alt i{ display:inline-block; width:3px; height:3px; background:#5c564c; border-radius:50%; margin:0 6px 3px; }
.dipnot-alt-linkler{ display:flex; gap:20px; }
.dipnot-alt-linkler a:hover{ color:#fff; }

/* yukarı */
.yukari{
  position:fixed; right:22px; bottom:22px; z-index:130;
  width:44px; height:44px; display:grid; place-items:center;
  background:var(--murekkep); color:#fff;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:all var(--gecis);
}
.yukari.gorunur{ opacity:1; visibility:visible; transform:none; }
.yukari:hover{ background:var(--kirmizi); }
.yukari .ik{ width:18px; height:18px; }

/* ==========================================================================
   GİRİŞ ANİMASYONU
   ========================================================================== */
.ac{ opacity:0; transform:translateY(14px); }
.ac.gor{ opacity:1; transform:none; transition:opacity 620ms ease, transform 620ms cubic-bezier(.2,.7,.3,1); }

/* ==========================================================================
   İÇ SAYFALAR — ortak
   ========================================================================== */
.okuma-cubugu{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:150;
  background:transparent; pointer-events:none;
}
.okuma-cubugu span{ display:block; height:100%; width:0; background:var(--kirmizi); }

.izyolu{
  display:flex; align-items:center; gap:9px; flex-wrap:wrap;
  padding:18px 0 0;
  font:500 12px/1 var(--dar); letter-spacing:.06em; color:var(--soluk);
}
.izyolu a{ transition:color var(--gecis); }
.izyolu a:hover{ color:var(--kirmizi); }
.izyolu span{ color:var(--tel-koyu); }
.izyolu b{ color:var(--murekkep); font-weight:600; }

/* ---------- haber detay ---------- */
.yazi-sutun{ max-width:none; }
.yazi-basi{ padding-bottom:24px; }
.yazi-basi h1{
  font-family:var(--serif); font-weight:700;
  font-size:clamp(30px, 3.6vw, 46px); line-height:1.05; letter-spacing:-.026em;
  margin:6px 0 16px; max-width:22ch;
}
.spot{
  font-family:var(--serif); font-style:italic; font-weight:400;
  font-size:19.5px; line-height:1.5; color:var(--murekkep-2);
  max-width:62ch;
  padding-left:18px; border-left:3px solid var(--kirmizi);
}
.imza{
  display:flex; align-items:center; gap:14px;
  margin-top:26px; padding:16px 0;
  border-top:1px solid var(--tel); border-bottom:1px solid var(--tel);
}
.imza img{
  width:46px; height:46px; object-fit:cover; flex:none;
  filter:grayscale(1) contrast(1.06);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.14);
}
.imza-yazi{ flex:1; min-width:0; }
.imza-ad{ display:block; font-weight:600; font-size:14.5px; }
.imza-ust{
  display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:5px;
  font:500 12px/1 var(--dar); letter-spacing:.03em; color:var(--soluk);
}
.imza-ust .ik{ width:13px; height:13px; }
.imza-ust i{ width:3px; height:3px; background:var(--tel-koyu); border-radius:50%; margin:0 3px; }
.paylas{ display:flex; gap:6px; }
.paylas a{
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid var(--tel-koyu); color:var(--murekkep-2);
  transition:all var(--gecis);
}
.paylas a:hover{ background:var(--murekkep); border-color:var(--murekkep); color:#fff; }
.paylas .ik{ width:15px; height:15px; }

.yazi-gorsel{ margin:0 0 30px; }
.yazi-gorsel img{
  width:100%; aspect-ratio:16/10; object-fit:cover;
  filter:saturate(.94) contrast(1.03);
  transition:filter 320ms var(--gecis);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.yazi-gorsel figcaption{
  display:flex; gap:9px; align-items:flex-start;
  margin-top:11px; padding-left:2px;
  font-size:13px; line-height:1.5; color:var(--soluk);
  border-left:0;
}
.yazi-gorsel figcaption .ik{ width:14px; height:14px; margin-top:4px; color:var(--kirmizi); flex:none; }
.yazi-gorsel figcaption b{ color:var(--murekkep-3); font-weight:600; }

.yazi-govde{ max-width:68ch; }
.yazi-govde p{
  font-size:17px; line-height:1.78; color:var(--murekkep-2);
  margin-bottom:22px;
}
.yazi-govde > p:first-of-type::first-letter{
  float:left;
  font-family:var(--serif); font-weight:700;
  font-size:64px; line-height:.82;
  margin:6px 12px 0 0; color:var(--kirmizi);
}
.yazi-govde h2{
  font-family:var(--serif); font-weight:600; font-size:24px; line-height:1.2;
  letter-spacing:-.018em; margin:34px 0 14px;
  padding-top:16px; border-top:1px solid var(--tel);
}
/* Künye ve benzeri "etiket: değer" listeleri. Sayfa gövdesinde liste stili
   yoktu, düz <p> ile yazılınca künye okunmuyordu. Sınıf adı .kunye-liste:
   .kunye zaten üst şeritteki logo/künye bloğunun sınıfı. */
.yazi-govde .kunye-liste{
  /* clear: ilk paragrafın float'lı ilk harfi ilk satırı kaydırıyor */
  margin:0 0 26px; clear:both;
}
.yazi-govde .kunye-liste div{
  display:grid; grid-template-columns:190px 1fr; gap:4px 18px;
  padding:11px 0; border-bottom:1px solid var(--tel);
}
.yazi-govde .kunye-liste dt, .yazi-govde .kunye-liste b{
  font:600 11px/1.5 var(--dar); letter-spacing:.14em; text-transform:uppercase;
  color:var(--soluk); padding-top:3px;
}
.yazi-govde .kunye-liste dd, .yazi-govde .kunye-liste span{
  margin:0; font-size:16px; line-height:1.6; color:var(--murekkep-2);
}
.yazi-govde .kunye-liste a{ color:var(--murekkep); text-decoration:underline; text-underline-offset:2px; }
@media (max-width:560px){
  .yazi-govde .kunye-liste div{ grid-template-columns:1fr; gap:2px; padding:9px 0; }
}
/* Gövdedeki düz listeler (reklam alanları gibi) */
.yazi-govde ul{ margin:0 0 22px; padding-left:20px; list-style:disc; }
.yazi-govde li{ font-size:17px; line-height:1.7; color:var(--murekkep-2); margin-bottom:8px; }
.yazi-govde li b{ color:var(--murekkep); }

.alinti{
  margin:30px 0; padding:4px 0 4px 26px;
  border-left:3px solid var(--kirmizi);
  font-family:var(--serif); font-style:italic; font-weight:500;
  font-size:22px; line-height:1.42; letter-spacing:-.012em;
  color:var(--murekkep);
}
.alinti cite{
  display:block; margin-top:14px;
  font:600 11px/1 var(--dar); font-style:normal;
  letter-spacing:.16em; text-transform:uppercase; color:var(--soluk);
}
.yazi-liste{ margin:0 0 24px; padding-left:2px; }
.yazi-liste li{
  position:relative; padding-left:22px; margin-bottom:9px;
  font-size:16px; line-height:1.6; color:var(--murekkep-2);
}
.yazi-liste li::before{
  content:""; position:absolute; left:0; top:11px;
  width:9px; height:2px; background:var(--kirmizi);
}
.etiketler{
  display:flex; align-items:center; gap:9px; flex-wrap:wrap;
  margin:34px 0 0; padding:22px 0;
  border-top:1px solid var(--tel); border-bottom:2px solid var(--murekkep);
}
.etiketler > span{
  font:700 10.5px/1 var(--dar); letter-spacing:.18em; text-transform:uppercase;
  color:var(--soluk); margin-right:4px;
}
.etiketler a{
  padding:8px 13px; border:1px solid var(--tel-koyu);
  font:500 12.5px/1 var(--dar); letter-spacing:.04em; color:var(--murekkep-2);
  transition:all var(--gecis);
}
.etiketler a:hover{ background:var(--murekkep); border-color:var(--murekkep); color:#fff; }
.yazi-sutun .blok{ margin-top:40px; }
.onecikan-uc{ grid-template-columns:repeat(3, minmax(0,1fr)); border-top:0; padding-top:0; }

/* ---------- kategori ---------- */
.kategori-basi{
  display:flex; align-items:flex-end; justify-content:space-between; gap:26px; flex-wrap:wrap;
  padding:22px 0 26px; margin-bottom:6px;
  border-bottom:2px solid var(--murekkep);
}
.kategori-etiket{
  display:block;
  font:700 10.5px/1 var(--dar); letter-spacing:.2em; text-transform:uppercase; color:var(--kirmizi);
}
.kategori-basi h1{
  font-family:var(--serif); font-weight:700; font-size:clamp(32px,4vw,50px);
  line-height:1; letter-spacing:-.028em; margin:10px 0 12px;
}
.kategori-basi p{ font-size:15px; line-height:1.6; color:var(--murekkep-3); max-width:58ch; }
.kategori-sayi{ text-align:right; }
.kategori-sayi b{
  display:block; font-family:var(--dar); font-weight:600; font-size:34px; line-height:1;
  letter-spacing:-.02em;
}
.kategori-sayi span{
  font:600 10.5px/1 var(--dar); letter-spacing:.18em; text-transform:uppercase; color:var(--soluk);
}

.kategori-one{ margin-bottom:30px; }
.kategori-one a{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:0 28px; align-items:center; }
.kategori-one figure{
  margin:0; overflow:hidden; aspect-ratio:16/10; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}
.kategori-one img{
  width:100%; height:100%; object-fit:cover; filter:saturate(.94) contrast(1.03);
  transition:transform 700ms var(--gecis), filter 320ms var(--gecis);
}
.kategori-one a:hover img{ transform:scale(1.03); }
.kategori-one h2{
  font-family:var(--serif); font-weight:700; font-size:30px; line-height:1.12;
  letter-spacing:-.022em; margin-bottom:12px;
  transition:color var(--gecis);
}
.kategori-one a:hover h2{ color:var(--kirmizi); }
.kategori-one p{ font-size:15px; line-height:1.62; color:var(--murekkep-3); margin-bottom:12px; }

.siralama-cubugu{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:12px 0; margin-bottom:6px;
  border-top:1px solid var(--tel); border-bottom:1px solid var(--tel);
  font:500 12px/1 var(--dar); letter-spacing:.05em; color:var(--soluk);
}
.siralama-dugmeler{ display:flex; gap:4px; }
.siralama-dugmeler button{
  padding:8px 13px;
  font:600 11px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk); border:1px solid transparent;
  transition:all var(--gecis);
}
.siralama-dugmeler button:hover{ color:var(--murekkep); border-color:var(--tel-koyu); }
.siralama-dugmeler button.acik{ background:var(--murekkep); color:#fff; border-color:var(--murekkep); }

.satir-genis + .satir-genis{ border-top:1px solid var(--tel); }
.satir-genis a{ gap:24px; padding:22px 0; align-items:flex-start; }
.satir-genis figure{ width:230px; height:154px; }
.satir-genis h3{
  font-family:var(--serif); font-weight:600; font-size:22px; line-height:1.2;
  letter-spacing:-.018em; margin-bottom:9px;
  transition:color var(--gecis);
}
.satir-genis a:hover h3{ color:var(--kirmizi); }
.satir-genis p{ font-size:14.5px; line-height:1.6; color:var(--murekkep-3); margin-bottom:10px; max-width:64ch; }

.sayfalama{
  display:flex; align-items:center; gap:6px;
  margin-top:34px; padding-top:26px; border-top:2px solid var(--murekkep);
}
.sayfalama a, .sayfalama span{
  min-width:40px; height:40px; display:grid; place-items:center; padding:0 8px;
  border:1px solid var(--tel-koyu);
  font:600 13px/1 var(--dar); letter-spacing:.04em; color:var(--murekkep-2);
  transition:all var(--gecis);
}
.sayfalama span{ border-color:transparent; color:var(--soluk); }
.sayfalama a:hover{ background:var(--murekkep); border-color:var(--murekkep); color:#fff; }
.sayfalama a.acik{ background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }
.sayfalama a.pasif{ opacity:.4; pointer-events:none; }
.sayfalama .ik{ width:15px; height:15px; }

.kategori-listesi li + li{ border-top:1px solid var(--tel); }
.kategori-listesi a{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:11px 0; font-size:15px;
  transition:color var(--gecis);
}
.kategori-listesi a:hover{ color:var(--kirmizi); }
.kategori-listesi b{
  font:600 11.5px/1 var(--dar); letter-spacing:.06em; color:var(--soluk);
  padding:4px 8px; background:var(--kagit-koyu);
}

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width:1140px){
  .manset, .govde{ grid-template-columns:minmax(0,1fr) 310px; gap:0 28px; }
  .gunun-listesi, .yan{ padding-left:26px; }
  .dipnot-ust{ grid-template-columns:1.4fr 1fr 1.3fr; }
  .dipnot-marka{ grid-column:1/-1; }
}
@media (max-width:980px){
  .kunye-ic{ grid-template-columns:auto auto; gap:20px; row-gap:18px; }
  .reklam-kunye{ grid-column:1/-1; order:3; max-width:none; }
  .menu-liste{ display:none; }
  .menu-liste.acik{
    display:block; position:absolute; left:0; right:0; top:100%;
    background:var(--murekkep-2); padding:8px 0; max-height:70vh; overflow:auto;
    border-top:2px solid var(--kirmizi);
  }
  .menu-liste.acik > li{ display:block; }
  .menu-liste.acik a,
  .menu-liste.acik > li > button{ height:44px; padding:0 20px; width:100%; }
  .menu-liste.acik a::after{ display:none; }
  .menu-acilir{ position:static; display:none; opacity:1; visibility:visible; transform:none; border-top:0; background:rgba(0,0,0,.22); }
  .menu-daha.acik .menu-acilir{ display:block; }
  .menu-daha > button::after{ margin-left:auto; }
  .menu-daha.acik > button::after{ transform:translateY(1px) rotate(-135deg); }
  .menu-acilir a{ padding-left:36px !important; }
  .menu-dugme{ display:inline-flex; }
  .menu{ position:relative; }
  .menu-ic{ position:relative; }

  .manset, .govde{ grid-template-columns:minmax(0,1fr); }
  .gunun-listesi, .yan{ border-left:0; padding-left:0; padding-top:34px; margin-top:34px; border-top:2px solid var(--murekkep); }
  .onecikan{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:26px 0; }
  .oc-kart{ padding:0 20px; }
  .oc-kart:nth-child(odd){ padding-left:0; border-left:0; }
  .oc-kart:nth-child(even){ padding-right:0; }
  .yazar-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 0; }
  .yazar{ padding:0 22px; }
  .yazar:nth-child(odd){ padding-left:0; border-left:0; }
  .yazar:nth-child(even){ padding-right:0; }
  .foto-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .video-izgara{ grid-template-columns:minmax(0,1fr); gap:26px; }

  .kategori-one a{ grid-template-columns:minmax(0,1fr); gap:18px; }
  .onecikan-uc{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .onecikan-uc .oc-kart:nth-child(3){ padding-left:0; border-left:0; }
}
@media (max-width:700px){
  .kap{ width:min(1280px, 100% - 28px); }
  .serit-gizle{ display:none; }
  .kunye-ic{ grid-template-columns:1fr; padding:18px 0 16px; }
  .kunye-eylem{ width:100%; }
  .ara{ flex:1; }
  .ara input{ width:100%; }
  .blok-izgara{ grid-template-columns:minmax(0,1fr); gap:26px; }
  .satir-liste{ padding-left:0; border-left:0; border-top:1px solid var(--tel); padding-top:6px; }
  .blok-izgara.ters > .satir-liste{ padding-right:0; border-right:0; border-top:1px solid var(--tel); }
  .blok-izgara.ters > .one-haber{ order:1; }
  .blok-izgara.ters > .satir-liste{ order:2; }
  .slayt-yazi{ margin:-38px 0 0 0; padding:20px 20px 18px; }
  .onecikan{ grid-template-columns:minmax(0,1fr); }
  .oc-kart{ padding:0 !important; border-left:0 !important; }
  .oc-kart + .oc-kart{ padding-top:24px !important; border-top:1px solid var(--tel); }
  .yazar-izgara{ grid-template-columns:minmax(0,1fr); }
  .yazar{ padding:0 !important; border-left:0 !important; }
  .yazar + .yazar{ padding-top:22px !important; border-top:1px solid var(--tel); }
  .ilceler{ padding:22px; }
  .dipnot-ust{ grid-template-columns:minmax(0,1fr); gap:32px; padding:38px 0 32px; }
  .foto-izgara{ gap:14px; }
  .satir-genis a{ flex-direction:column; gap:14px; }
  .satir-genis figure{ width:100%; height:auto; aspect-ratio:16/10; }
  .yazi-govde p{ font-size:16px; }
  .yazi-govde > p:first-of-type::first-letter{ font-size:52px; }
  .spot{ font-size:17.5px; }
  .imza{ flex-wrap:wrap; }
  .paylas{ width:100%; }
  .kategori-basi{ align-items:flex-start; }
  .kategori-sayi{ text-align:left; }
  .onecikan-uc{ grid-template-columns:minmax(0,1fr); }
  .sondakika-ic{ height:auto; align-items:stretch; }
  .sondakika-etiket{ padding:0 11px; font-size:10.5px; letter-spacing:.08em; }
  .akis{ padding-left:12px; }
  .akis-ic a{ font-size:13px; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .ac{ opacity:1; transform:none; }
}

@media print{
  .serit,.menu,.sondakika,.yukari,.reklam,.vitrin-kontrol,.doku{ display:none !important; }
  body{ background:#fff; }
}

/* ==========================================================================
   CMS BİLEŞENLERİ — dinamik içerikle gelen ek parçalar
   ========================================================================== */

/* logo (panelden yüklendiyse yazı yerine görsel) */
/* Gazete künyesinden alınan OBJEKTİF logosu, en boy oranı 4:1 */
.marka-logo{ height:64px; width:auto; max-width:100%; }
@media (max-width:640px){ .marka-logo{ height:46px; } }

/* görseli olmayan içerik için yer tutucu */
.gorsel-yok{
  display:block; width:100%; height:100%; min-height:100%;
  background:repeating-linear-gradient(-45deg, var(--kagit-koyu) 0 12px, rgba(0,0,0,.02) 12px 24px);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.08);
}

/* canlı yayın düğmesi (menüde) */
.canli{ font-family:var(--dar); cursor:pointer; }

/* canlı yayın oynatıcısı */
.oynatici{
  position:fixed; left:0; right:0; bottom:0; z-index:200;
  background:var(--murekkep); color:var(--kagit);
  border-top:3px solid var(--kirmizi);
  box-shadow:0 -8px 30px rgba(0,0,0,.3);
}
.oynatici[hidden]{ display:none; }
.oynatici-ic{
  width:min(1280px,100% - 40px); margin-inline:auto;
  display:flex; align-items:center; gap:16px; padding:14px 0;
}
.oynatici-ic #oynaticiGovde{ flex:1; min-width:0; }
.oynatici audio{ width:100%; height:38px; }
.oynatici iframe{ width:100%; max-height:220px; border:0; }
.oynatici-kapat{
  width:34px; height:34px; flex:none; order:2;
  background:transparent; border:1px solid rgba(255,255,255,.22); color:#fff;
  font-size:20px; line-height:1; cursor:pointer;
  transition:all var(--gecis);
}
.oynatici-kapat:hover{ background:var(--kirmizi); border-color:var(--kirmizi); }

/* 404 */
.bulunamadi{ padding:80px 0 100px; text-align:center; }
.dortyuzdort{
  font-family:var(--serif); font-weight:700; font-size:clamp(70px,12vw,130px);
  line-height:.9; color:var(--kirmizi); letter-spacing:-.04em;
}
.bulunamadi h1{ font-family:var(--serif); font-size:26px; margin:14px 0 10px; }
.bulunamadi p{ color:var(--murekkep-3); margin-bottom:24px; }

.dugme-ana{
  display:inline-flex; align-items:center; gap:9px;
  padding:13px 24px; background:var(--murekkep); color:var(--kagit-acik);
  font:600 12px/1 var(--dar); letter-spacing:.13em; text-transform:uppercase;
  border:0; cursor:pointer; transition:background var(--gecis);
}
.dugme-ana:hover{ background:var(--kirmizi); }

/* boş durum */
.bos-durum{
  padding:56px 24px; text-align:center;
  border:1px solid var(--tel); background:var(--kagit-acik);
}
.bos-durum h2{ font-family:var(--serif); font-size:22px; margin-bottom:8px; }
.bos-durum p{ color:var(--murekkep-3); font-size:14.5px; }

/* sıralama düğmeleri artık bağlantı */
.siralama-dugmeler a{
  padding:8px 13px;
  font:600 11px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk); border:1px solid transparent;
  transition:all var(--gecis);
}
.siralama-dugmeler a:hover{ color:var(--murekkep); border-color:var(--tel-koyu); }
.siralama-dugmeler a.acik{ background:var(--murekkep); color:#fff; border-color:var(--murekkep); }

/* yazar sayfası başlığı */
.yazar-basi{
  display:flex; gap:26px; align-items:flex-start;
  padding-bottom:26px; margin-bottom:30px; border-bottom:2px solid var(--murekkep);
}
.yazar-basi img{
  width:120px; height:142px; object-fit:cover; flex:none;
  filter:grayscale(1) contrast(1.06);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.14);
}
.yazar-basi h1{ font-family:var(--serif); font-size:32px; letter-spacing:-.024em; }
.yazar-basi .yazar-unvan{ margin:6px 0 12px; }
.yazar-basi p{ font-size:15px; line-height:1.7; color:var(--murekkep-3); max-width:60ch; }
.yazar-sosyal{ display:flex; gap:7px; margin-top:14px; }
.yazar-sosyal a{
  width:34px; height:34px; display:grid; place-items:center;
  border:1px solid var(--tel-koyu); color:var(--murekkep-2);
  transition:all var(--gecis);
}
.yazar-sosyal a:hover{ background:var(--murekkep); border-color:var(--murekkep); color:#fff; }
.yazar-sayi{
  display:block; margin-top:9px;
  font:600 10.5px/1 var(--dar); letter-spacing:.14em; text-transform:uppercase; color:var(--soluk);
}
.yazar-izgara-genis{ grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:0; }
.yazar-izgara-genis .yazar{
  padding:20px 24px !important; border-left:1px solid var(--tel); border-top:1px solid var(--tel);
}

/* e-gazete */
.egazete-tek{
  display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:34px;
  align-items:start; padding-bottom:8px;
}
.egazete-kapak-buyuk img{
  width:100%; box-shadow:8px 9px 0 rgba(22,19,15,.1), inset 0 0 0 1px rgba(22,19,15,.14);
}
.egazete-bilgi h2{ font-family:var(--serif); font-size:27px; letter-spacing:-.022em; margin:8px 0 12px; }
.egazete-bilgi .sayi-no{
  font:600 11px/1 var(--dar); letter-spacing:.16em; text-transform:uppercase; color:var(--soluk);
  margin-bottom:8px;
}
.egazete-bilgi p{ color:var(--murekkep-3); font-size:14.5px; margin-bottom:8px; }
.egazete-bilgi .dugme-ana{ margin-top:14px; }
.uyari-yumusak{
  padding:12px 14px; background:var(--kagit-koyu); border-left:3px solid var(--altin);
  font-size:13.5px; color:var(--murekkep-2);
}
.egazete-izgara{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:18px;
}
.egazete-oge{ display:block; }
.egazete-oge-kapak{
  display:block; aspect-ratio:3/4; overflow:hidden; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.1);
  transition:transform var(--gecis), box-shadow var(--gecis);
}
.egazete-oge-kapak img{ width:100%; height:100%; object-fit:cover; }
.egazete-oge:hover .egazete-oge-kapak{
  transform:translateY(-3px); box-shadow:4px 6px 0 rgba(22,19,15,.12), inset 0 0 0 1px rgba(22,19,15,.1);
}
.egazete-oge.secili .egazete-oge-kapak{ box-shadow:0 0 0 2px var(--kirmizi); }
.egazete-oge-tarih{
  display:block; margin-top:9px;
  font:600 12px/1 var(--dar); letter-spacing:.04em; color:var(--murekkep);
}
.egazete-oge-sayi{ display:block; margin-top:3px; font-size:11.5px; color:var(--soluk); }

/* galeri detay */
.galeri-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.galeri-oge{ margin:0; }
.galeri-oge img, .galeri-oge video{
  width:100%; height:auto; box-shadow:inset 0 0 0 1px rgba(22,19,15,.1);
}
.galeri-oge figcaption{
  margin-top:9px; font-size:13px; line-height:1.5; color:var(--soluk);
  padding-left:11px; border-left:2px solid var(--kirmizi);
}
.galeri-embed iframe{ width:100%; aspect-ratio:16/9; border:0; display:block; background:#000; }
/* Video galerilerin çoğu tek gömmeden ibaret; auto-fill tek öğeyi sayfa
   genişliğine yayıp 16:9 oranını devasa yapıyor. Oynatıcı okunur bir ende ortalanır. */
.galeri-izgara-video{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  max-width:960px; margin-inline:auto;
}

/* iletişim */
.iletisim-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:0; }
.iletisim-kart{
  padding:26px 24px; border:1px solid var(--tel); margin-left:-1px; margin-top:-1px;
  background:var(--kagit-acik);
}
.iletisim-kart > .ik{ color:var(--kirmizi); margin-bottom:14px; }
.iletisim-kart h3{
  font:600 10.5px/1 var(--dar); letter-spacing:.18em; text-transform:uppercase;
  color:var(--soluk); margin-bottom:9px;
}
.iletisim-kart p{ font-size:15px; line-height:1.6; }
.iletisim-kart a:hover{ color:var(--kirmizi); }

/* yorumlar */
.yorumlar{ margin-top:44px; }
.yorum-form{
  padding:22px; border:1px solid var(--tel); background:var(--kagit-acik); margin-bottom:26px;
}
.yorum-form .fld{
  display:block; margin-bottom:6px;
  font:600 10.5px/1 var(--dar); letter-spacing:.13em; text-transform:uppercase; color:var(--soluk);
}
.yorum-form .fld span{ text-transform:none; letter-spacing:0; color:var(--tel-koyu); }
.yorum-form input[type=text], .yorum-form input[type=email], .yorum-form textarea{
  width:100%; padding:10px 12px; margin-bottom:14px;
  font-family:var(--sans); font-size:14.5px; color:var(--murekkep);
  background:var(--kagit); border:1px solid var(--tel-koyu); border-radius:0;
}
.yorum-form textarea{ min-height:110px; resize:vertical; line-height:1.6; }
.yorum-form input:focus, .yorum-form textarea:focus{ outline:none; border-color:var(--murekkep); }
.yorum-form .grid-iki{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:0 16px; }
.tuzak{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.yorum-listesi li{ padding:18px 0; border-top:1px solid var(--tel); }
.yorum-ust{ display:flex; align-items:baseline; gap:10px; margin-bottom:7px; }
.yorum-ust b{ font-size:14.5px; }
.yorum-ust span{ font:500 11.5px/1 var(--dar); color:var(--soluk); letter-spacing:.05em; }
.yorum-listesi p{ font-size:14.5px; line-height:1.65; color:var(--murekkep-2); }
.uyari{
  padding:12px 16px; margin-bottom:16px;
  background:var(--kagit-koyu); border-left:3px solid var(--kirmizi); font-size:14px;
}

/* büyük arama kutusu */
.ara-buyuk{ height:54px; margin-bottom:26px; }
.ara-buyuk input{ width:100%; font-size:16px; padding:0 16px; }
.ara-buyuk button{ width:54px; }
.ara-buyuk .ik{ width:20px; height:20px; }

/* statik sayfa tarihi */
.sayfa-tarih{
  font:500 12px/1 var(--dar); letter-spacing:.05em; color:var(--soluk); margin-top:12px;
}

@media (max-width:820px){
  .egazete-tek{ grid-template-columns:minmax(0,1fr); gap:22px; }
  .egazete-kapak-buyuk{ max-width:260px; }
  .yazar-basi{ flex-direction:column; gap:18px; }
  .yazar-basi img{ width:96px; height:114px; }
  .oynatici-ic{ width:min(1280px,100% - 28px); }
}

/* ============================================================ e-gazete okuyucu
   Baskı görsel olarak taranıyor. Solda sayfa şeridi, ortada okunan sayfa.
   Kimlik gereği yuvarlatma yok, gölge yerine matbaa gölgesi (kaydırılmış blok). */
.okur-basi{
  display:flex; flex-wrap:wrap; gap:18px 28px; align-items:flex-end;
  justify-content:space-between; padding:6px 0 20px; border-bottom:2px solid var(--murekkep);
}
.okur-basi h1{
  font-family:var(--serif); font-size:clamp(26px,3.4vw,38px); letter-spacing:-.025em;
  margin:8px 0 4px; line-height:1.08;
}
.okur-basi p{ color:var(--murekkep-3); font-size:14px; margin:0; }

.okur-gezinme{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.okur-gezinme a,
.okur-gezinme span{
  display:inline-flex; align-items:center; gap:6px; padding:8px 12px;
  font:600 12px/1 var(--dar); letter-spacing:.06em; text-transform:uppercase;
  color:var(--murekkep); border:1px solid var(--tel); background:var(--kagit-acik);
  transition:background var(--gecis), border-color var(--gecis), color var(--gecis);
}
.okur-gezinme a:hover{ background:var(--murekkep); border-color:var(--murekkep); color:var(--kagit); }
.okur-gezinme .pasif{ color:var(--soluk); background:transparent; border-style:dashed; }
.okur-gezinme .okur-arsiv-bag{ background:var(--murekkep); border-color:var(--murekkep); color:var(--kagit); }
.okur-gezinme .okur-arsiv-bag:hover{ background:var(--kirmizi); border-color:var(--kirmizi); }
.okur-gezinme .ik{ width:13px; height:13px; }

.okuyucu{
  display:grid; grid-template-columns:132px minmax(0,1fr); gap:26px;
  align-items:start; padding:28px 0 34px;
}

/* sayfa şeridi */
.okur-serit{
  display:flex; flex-direction:column; gap:12px;
  max-height:calc(100vh - 120px); overflow-y:auto; padding-right:6px;
  scrollbar-width:thin;
}
.okur-kucuk{ display:block; position:relative; }
.okur-kucuk img{
  display:block; width:100%; height:auto; background:var(--kagit-koyu);
  box-shadow:inset 0 0 0 1px rgba(22,19,15,.16);
  filter:saturate(.9); transition:box-shadow var(--gecis), transform var(--gecis);
}
.okur-kucuk b{
  position:absolute; left:0; bottom:0; min-width:22px; padding:3px 6px;
  font:600 11px/1 var(--dar); letter-spacing:.04em;
  background:var(--murekkep); color:var(--kagit);
}
.okur-kucuk:hover img{ transform:translateY(-2px); box-shadow:3px 4px 0 rgba(22,19,15,.15), inset 0 0 0 1px rgba(22,19,15,.16); }
.okur-kucuk.acik img{ box-shadow:0 0 0 2px var(--kirmizi); }
.okur-kucuk.acik b{ background:var(--kirmizi); }

/* okunan sayfa */
.okur-sahne{ min-width:0; }
/* Gazete sayfası dikey ve uzun. Ekrana sığdırılır ki kumanda hep görünsün;
   okumak isteyen sayfaya tıklayıp büyüteçte asıl taramayı açar. */
.okur-sayfa{ margin:0; display:grid; place-items:center; cursor:zoom-in; }
.okur-sayfa img{
  display:block; width:auto; max-width:100%; height:auto;
  max-height:calc(100vh - 190px); background:var(--kagit-acik);
  box-shadow:10px 12px 0 rgba(22,19,15,.11), inset 0 0 0 1px rgba(22,19,15,.16);
}

/* Sayfa uzun; kumanda ekranın altına yapışır ki okurken hep erişilebilir olsun. */
.okur-kumanda{
  position:sticky; bottom:0; z-index:5;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:18px; padding:12px 0;
  background:var(--kagit); border-top:1px solid var(--tel);
}
.okur-ok{
  display:inline-grid; place-items:center; width:40px; height:40px;
  border:1px solid var(--murekkep); background:var(--murekkep); color:var(--kagit);
  transition:background var(--gecis), border-color var(--gecis);
}
.okur-ok:hover{ background:var(--kirmizi); border-color:var(--kirmizi); }
.okur-ok.pasif{ background:transparent; color:var(--soluk); border-color:var(--tel); border-style:dashed; pointer-events:none; }
.okur-ok .ik{ width:16px; height:16px; }
.okur-durum{ font:600 13px/1 var(--dar); letter-spacing:.1em; color:var(--murekkep-3); }
.okur-durum b{ font-size:19px; color:var(--murekkep); letter-spacing:-.01em; }
.okur-tamboy{
  margin-left:auto; padding:9px 14px; border:1px solid var(--tel);
  font:600 11.5px/1 var(--dar); letter-spacing:.12em; text-transform:uppercase;
  color:var(--murekkep-2); background:var(--kagit-acik);
}
.okur-tamboy:hover{ background:var(--murekkep); border-color:var(--murekkep); color:var(--kagit); }
.okur-ipucu{ margin:12px 0 0; font-size:12.5px; color:var(--soluk); }

/* büyüteç */
.okur-buyutec{
  position:fixed; inset:0; z-index:200; background:rgba(22,19,15,.94);
  overflow:auto; padding:24px; cursor:zoom-out;
}
.okur-buyutec[hidden]{ display:none; }
.okur-buyutec img{ display:block; margin:0 auto; max-width:none; width:min(1600px,100%); height:auto; }
.okur-kapat{
  position:fixed; top:14px; right:18px; width:42px; height:42px; z-index:201;
  border:1px solid var(--tel-ters); background:transparent; color:#fff;
  font-size:28px; line-height:1; cursor:pointer;
}
.okur-kapat:hover{ background:var(--kirmizi); border-color:var(--kirmizi); }

/* yıl şeridi (e-gazete arşivi) */
.yil-serit{
  display:flex; flex-wrap:wrap; gap:0; margin-bottom:24px;
  border-top:1px solid var(--tel); border-left:1px solid var(--tel);
}
.yil-serit a{
  display:inline-flex; align-items:baseline; gap:6px; padding:10px 15px;
  border-right:1px solid var(--tel); border-bottom:1px solid var(--tel);
  font:600 13px/1 var(--dar); letter-spacing:.04em; color:var(--murekkep-2);
  transition:background var(--gecis), color var(--gecis);
}
.yil-serit a i{ font-style:normal; font-size:11px; color:var(--soluk); }
.yil-serit a:hover{ background:var(--kagit-koyu); }
.yil-serit a.acik{ background:var(--murekkep); color:var(--kagit); }
.yil-serit a.acik i{ color:rgba(243,239,230,.6); }

@media (max-width:900px){
  .okuyucu{ grid-template-columns:1fr; gap:16px; }
  .okur-serit{
    flex-direction:row; max-height:none; overflow-x:auto; overflow-y:hidden;
    padding:0 0 8px; order:2;
  }
  .okur-kucuk{ flex:0 0 92px; }
  .okur-sahne{ order:1; }
  .okur-tamboy{ margin-left:0; }
}

/* ---------------------------------------------------------------------------
   HABER GÖRSELLERİ: FAREYLE ÜSTÜNE GELİNCE SİYAH BEYAZ
   Kartlar zaten hafif doygunluğu düşük duruyor (gazete kâğıdı hissi); üstüne
   gelince tamamen griye iner. Yalnızca HABER görselleri: galeri, video,
   e-gazete kapağı ve yazar fotoğrafları kendi davranışlarını korur.
   .oc-kart hover'da doygunluğu artırıyordu, bu blok sonra geldiği için ezer.
--------------------------------------------------------------------------- */
.slayt:hover .slayt-gorsel img,
.oc-kart a:hover img,
.one-haber a:hover img,
.satir a:hover img,
.kategori-one a:hover img,
.yazi-gorsel:hover img{
  filter:grayscale(1) contrast(1.06);
}

/* Dokunmatik cihazda :hover takılı kalabiliyor; efekt yalnızca gerçek
   imleçli cihazlarda uygulanır. */
@media (hover:none){
  .slayt:hover .slayt-gorsel img,
  .oc-kart a:hover img,
  .one-haber a:hover img,
  .satir a:hover img,
  .kategori-one a:hover img,
  .yazi-gorsel:hover img{ filter:saturate(.9) contrast(1.03); }
}