/* BÜLTEN AJANS — haber sitesi stili.
   Yerleşim: üst bilgi şeridi + koyu lacivert başlık + son dakika bandı; ana ızgara = içerik (manşet, bloklar) + sağ sütun
   (reklam, çok okunanlar, yazarlar); geniş ekranda iki yanda yapışkan kenar reklamları (160×600).
   Kimlik: SDHA ailesinin lacivert + altını; "son dakika" kırmızısı yalnız acil haber için. Başlıklar Manrope 800,
   köşe yazıları Playfair italik (yazar sesi). Yazı tipleri kendi sunucumuzda (OFL; üçüncü taraf istek yok). */

/* [hidden] HER ZAMAN gizler — ölçüldü 03.10.2026: .cerez { display:flex } hidden özniteliğini eziyordu → çerez
   çubuğunda "Kabul et" tercihi kaydediyor ama çubuk kalkmıyordu (kullanıcı: "Çerez politikası kabul et çalışmadı"). */
[hidden] { display: none !important; }

@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(fonts/manrope-normal-latin-ext-1f62546f.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url(fonts/manrope-normal-latin-b4295101.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
/* Düz kalın Playfair: SDHA / SDHA BÜLTEN yazı logoları (sdhub.com.tr ürün logosuyla aynı yazı tipi) */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(fonts/playfair-display-normal-latin-ext-99a7c18e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url(fonts/playfair-display-normal-latin-daeff530.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400 900; font-display: swap;
  src: url(fonts/playfair-display-italic-latin-ext-dc398705.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400 900; font-display: swap;
  src: url(fonts/playfair-display-italic-latin-682cdaa4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }

:root {
  /* renk */
  --zemin: #F3F5F9;          /* sayfa: soğuk açık gri (lacivertten pay) */
  --kart: #FFFFFF;
  --murekkep: #121A2E;       /* metin */
  --soluk: #5B6478;          /* ikincil metin */
  --cizgi: #DDE2EC;
  --lacivert: #0C2147;       /* başlık, marka */
  --lacivert-2: #16316A;
  --altin: #F2B21B;          /* vurgu: seçili, numaralar */
  --altin-koyu: #8A6200;
  --acil: #D7191F;           /* yalnız SON DAKİKA */
  --reklam: #EEF1F6;         /* reklam alanı zemini */
  --gece-metin: #EEF2FA;
  --gece-soluk: #A9B4CC;
  /* yazı */
  --govde: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --yazar: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --r: 10px;
  --kap: 1200px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zemin: #0A1020; --kart: #111A2E; --murekkep: #E8ECF5; --soluk: #9AA5BD; --cizgi: #233150;
    --lacivert: #081733; --lacivert-2: #12285A; --altin: #F5BD3A; --altin-koyu: #F5BD3A; --acil: #F0444A; --reklam: #172340;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --zemin: #0A1020; --kart: #111A2E; --murekkep: #E8ECF5; --soluk: #9AA5BD; --cizgi: #233150;
  --lacivert: #081733; --lacivert-2: #12285A; --altin: #F5BD3A; --altin-koyu: #F5BD3A; --acil: #F0444A; --reklam: #172340;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--murekkep); font: 15px/1.55 var(--govde); }
a { color: inherit; text-decoration: none; }
a:hover h2, a:hover h3, a:hover .bas { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
img { max-width: 100%; display: block; }
h1, h2, h3 { margin: 0; text-wrap: balance; letter-spacing: -.01em; }
:focus-visible { outline: 3px solid var(--altin); outline-offset: 2px; }
.kap { max-width: var(--kap); margin: 0 auto; padding-inline: 16px; }
.gizli-ok { position: absolute; left: -9999px; }
.atla:focus { position: fixed; left: 12px; top: 12px; z-index: 99; background: var(--altin); color: #111; padding: 8px 12px; border-radius: 6px; }

/* ── üst bilgi şeridi ── */

/* ── başlık ── */
.ust { background: var(--lacivert); color: #fff; position: sticky; top: env(safe-area-inset-top, 0px); z-index: 40; box-shadow: 0 1px 0 rgba(255,255,255,.06); }
.ust .kap { display: flex; align-items: center; gap: 22px; height: 64px; }
.logo { display: flex; align-items: baseline; gap: 2px; font-weight: 800; font-size: 26px; letter-spacing: -.02em; color: #fff; white-space: nowrap; }
.logo .ajans { color: var(--altin); }
.logo .nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--acil); margin-left: 3px; align-self: center; }
/* Logo ayarı (06.10.2026): iki kelimeli yazı logoda boşluk; yüklenen görsel logo panelde seçilen yükseklikte */
.logo.bosluklu .ajans { margin-left: .26em; }
.logo-gorsel { align-items: center; }
/* amblem + yazı (08.10.2026): görsel işaret solda, yazı sitenin kendi yazısıyla */
.logo.amblemli { align-items: center; gap: 10px; }
.logo-amblem { display: block; height: var(--logo-y, 40px); width: auto; flex: none; }
.logo.amblemli .logo-yazi { display: flex; align-items: baseline; gap: 2px; }
.logo.amblemli.bosluklu .ajans { margin-left: .26em; }
.alt-bilgi .logo-amblem { height: calc(var(--logo-y, 40px) * .85); }
.logo-gorsel img { display: block; height: var(--logo-y, 40px); width: auto; max-width: min(340px, 56vw); object-fit: contain; }
.alt-bilgi .logo-gorsel img { height: calc(var(--logo-y, 40px) * .9); }
.menu { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; flex: 1; min-width: 0; }
.menu::-webkit-scrollbar { display: none; }
.menu a { padding: 8px 11px; border-radius: 6px; font-weight: 700; font-size: 14px; color: #D9E1F2; white-space: nowrap; }
.menu a:hover, .menu a[aria-current="page"] { background: var(--lacivert-2); color: #fff; }
/* Sığmayan kategoriler "Diğer" listesinde (site.js; 06.10.2026) — telefonda şerit kaydırılır, liste yok */
.menu-diger { position: relative; flex: none; }
.ust .kap.menu-tasiyor .menu { flex: 0 1 auto; }
.ust .kap.menu-tasiyor .menu-diger { margin-left: -20px; margin-right: auto; }
.menu-diger > button { background: transparent; border: 0; padding: 8px 11px; border-radius: 6px; font: inherit; font-weight: 700; font-size: 14px; color: #D9E1F2; cursor: pointer; white-space: nowrap; }
.menu-diger > button:hover, .menu-diger > button[aria-expanded="true"], .menu-diger > button.secili { background: var(--lacivert-2); color: #fff; }
.menu-diger-liste { position: absolute; top: calc(100% + 6px); left: 0; min-width: 200px; background: var(--lacivert); border: 1px solid var(--lacivert-2); border-radius: 8px; box-shadow: 0 12px 28px rgba(0, 0, 0, .35); padding: 6px; display: grid; gap: 2px; z-index: 50; }
.menu-diger-liste a { padding: 8px 12px; border-radius: 6px; font-weight: 700; font-size: 14px; color: #D9E1F2; white-space: nowrap; text-decoration: none; }
.menu-diger-liste a:hover, .menu-diger-liste a[aria-current="page"] { background: var(--lacivert-2); color: #fff; }
@media (max-width: 760px) { .menu-diger { display: none; } }
/* telefonda taşan menünün işareti (16.10.2026): sağ kenarda solukluk + «›» — dokununca şerit kayar */
.menu-ok { display: none; }
@media (max-width: 760px) {
  .menu-kap { position: relative; }
  .menu-ok:not([hidden]) { display: flex; position: absolute; right: 0; bottom: 0; height: 40px; width: 46px; align-items: center;
    justify-content: flex-end; padding: 0 4px 2px 0; border: 0; cursor: pointer; font: inherit; font-size: 28px; font-weight: 800;
    line-height: 1; color: #fff; background: linear-gradient(90deg, rgba(12, 33, 71, 0), var(--lacivert) 55%); }
}
.ara { display: flex; align-items: center; gap: 6px; background: var(--lacivert-2); border-radius: 8px; padding: 4px 4px 4px 10px; }
.ara input { background: transparent; border: 0; color: #fff; font: inherit; font-size: 14px; width: 150px; outline: none; }
.ara input::placeholder { color: var(--gece-soluk); }
@media (max-width: 760px) {
  /* telefonda başlık iki satır: logo + arama üstte, kategori menüsü altta yatay kayar */
  .ust .kap { flex-wrap: wrap; height: auto; gap: 6px 12px; padding-block: 8px; }
  .menu { order: 3; flex: 1 0 100%; margin-inline: -6px; }
  .ara { margin-left: auto; }
  .ara input { width: 96px; }
  .logo { font-size: 23px; }
  .ust .logo-gorsel img { height: min(calc(var(--logo-y, 40px) * .8), 44px); max-width: 52vw; }
}
.ara button { background: var(--altin); color: #111; border: 0; border-radius: 6px; font: inherit; font-weight: 800; font-size: 13px; padding: 6px 10px; cursor: pointer; }

/* ── son dakika bandı ── */
.sondakika { background: var(--kart); border-bottom: 1px solid var(--cizgi); }
.sondakika .kap { display: flex; align-items: center; gap: 14px; height: 42px; overflow: hidden; }
.sd-etiket { background: var(--acil); color: #fff; font-weight: 800; font-size: 12px; letter-spacing: .08em; padding: 4px 9px; border-radius: 4px; white-space: nowrap; }
.sd-ray { flex: 1; min-width: 0; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent); }
.sd-akis { display: inline-flex; gap: 38px; white-space: nowrap; animation: kay 60s linear infinite; font-weight: 700; font-size: 14px; }
.sd-ray:hover .sd-akis { animation-play-state: paused; }
@keyframes kay { to { transform: translateX(-50%); } }

/* ── reklam alanları ── */
.reklam { position: relative; display: grid; place-items: center; background: var(--reklam); border: 1px dashed var(--cizgi); border-radius: 6px; color: var(--soluk); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-align: center; overflow: hidden; }
.reklam::before { content: "REKLAM"; position: absolute; top: 4px; left: 6px; font-size: 9.5px; letter-spacing: .12em; opacity: .75; }
.reklam a { display: block; width: 100%; height: 100%; }
.reklam img { display: block; width: 100%; height: 100%; object-fit: contain; }   /* reklam KIRPILMAZ */
/* Kullanıcı 03.10.2026: "Reklam alanları site alanları ile karışıyor … siteden ayrılır şekilde kendini belli etsin."
   Görsel kendi içinde hareketli (SVG); kutu turuncu çerçeve + gölge ile lacivert zeminden ayrılır. */
/* (aynı gün) "Aşırı göze batan bir turuncu olmuş. Sadece bir animasyon ve renk yönetimi lazım." → açık zemin, nötr
   gölge; tek animasyon SVG'nin içindeki yavaş parıltı. */
.reklam:has(img) { border: 0; background: #FFF7F0; border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 10px 26px -12px rgba(0, 0, 0, .55); }
.reklam:has(img)::before { z-index: 2; top: 6px; left: 8px; padding: 2px 7px; border-radius: 999px; font-size: 9px;
  background: rgba(4, 9, 20, .85); color: #fff; opacity: 1; }
.r-mobil:has(img) { border-radius: 0; box-shadow: 0 -6px 18px -6px rgba(0, 0, 0, .45); }
.reklam picture { display: block; width: 100%; height: 100%; }
@media (max-width: 760px) {           /* geniş bannerın telefon sürümü 320×50: yazı okunur kalır */
  .r-ust:has(source), .r-serit:has(source) { max-width: 320px; height: auto; aspect-ratio: 320 / 50; }
}
.r-ust { width: 100%; max-width: 970px; height: 90px; margin: 14px auto 0; }
.r-kutu { width: 100%; max-width: 300px; aspect-ratio: 300 / 250; margin-inline: auto; }
.r-serit { width: 100%; max-width: 728px; height: 90px; margin-inline: auto; }
.r-kenar { position: fixed; top: 120px; width: 160px; height: 600px; display: none; z-index: 5; }
.r-kenar.sol { left: max(8px, calc(50% - var(--kap) / 2 - 176px)); }
.r-kenar.sag { right: max(8px, calc(50% - var(--kap) / 2 - 176px)); }
@media (min-width: 1560px) { .r-kenar { display: grid; } }
.r-mobil { display: none; }
@media (max-width: 700px) {
  .r-mobil { display: grid; position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; height: calc(50px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px); border-radius: 0; border-width: 1px 0 0; }
  body { padding-bottom: 54px; }
}
/* 15.10.2026 kullanıcı: «Mobil görünümünde sıkıntılar var» — 320×50 bantta "REKLAM" etiketi görselin logosunun ÜSTÜNE
   biniyordu (ölçüm: Playwright, 390 px). Dar ekranda geniş bantlarda etiket görselin üstündeki ince şeritte; görsel
   kendi oranında, hiçbir yeri örtülmez. */
@media (max-width: 760px) {
  .r-ust:has(img), .r-serit:has(img) { height: auto; aspect-ratio: auto; padding-top: 15px; }
  .r-ust:has(img) :is(a, picture), .r-serit:has(img) :is(a, picture) { height: auto; }
  .r-ust:has(img) img, .r-serit:has(img) img { height: auto; max-height: 100px; }
  :is(.r-ust, .r-serit, .r-mobil):has(img)::before { top: 2px; left: 6px; padding: 0 6px; font-size: 8px; line-height: 11px; }
}
@media (max-width: 700px) {
  .r-mobil:has(img) { height: calc(65px + env(safe-area-inset-bottom, 0px)); padding-top: 15px; }
  body:has(.r-mobil img) { padding-bottom: 69px; }
}
.r-kapat { position: absolute; top: 4px; right: 4px; width: 26px; height: 26px; border-radius: 50%; border: 0; background: var(--kart); color: var(--murekkep); font-size: 15px; line-height: 1; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.25); }

/* açılır reklam: masaüstünde ortada, telefonda küçük ve alttan (arama motoru kuralı: ekranı kaplamaz) */
.acilir { border: 0; padding: 0; background: transparent; max-width: calc(100vw - 32px); }
.acilir::backdrop { background: rgba(6, 12, 28, .55); }
.acilir .reklam { width: min(600px, calc(100vw - 32px)); aspect-ratio: 6 / 4; border-style: solid; background: var(--kart); }
.acilir .r-kapat { top: 8px; right: 8px; }
@media (max-width: 700px) {
  .acilir { margin: auto auto 64px; }
  .acilir::backdrop { background: rgba(6, 12, 28, .25); }
  .acilir .reklam { aspect-ratio: auto; height: 120px; }
}
/* telefonda pencere modal DEĞİL (16.10.2026: modal açıkken sayfa dokunmaya kapalıydı, menü kaymıyordu) — altta sabit şerit */
@media (max-width: 760px) {
  .acilir:not(:modal)[open] { position: fixed; inset: auto 16px calc(64px + env(safe-area-inset-bottom, 0px)) 16px; margin: 0;
    z-index: 70; max-width: none; box-shadow: 0 10px 30px rgba(6, 12, 28, .28); }
  .acilir:not(:modal)[open] .reklam, .acilir:not(:modal)[open] .acilir-anket .anket { width: 100%; min-width: 0; }
}

/* ── ana ızgara ── */
.izgara { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; margin-top: 18px; align-items: start; }
.yan { display: grid; gap: 18px; position: sticky; top: calc(76px + env(safe-area-inset-top, 0px)); }
@media (max-width: 980px) { .izgara { grid-template-columns: minmax(0, 1fr); } .yan { position: static; } }

/* görsel yer tutucu: kurumun görseli yoksa kategori renginde zemin + kurum adı */
.gorsel { position: relative; background: var(--lacivert-2); overflow: hidden; border-radius: var(--r); aspect-ratio: 16 / 9; }
.gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }   /* kırpma üste yaslı */
/* Sığdır (SDHub _fit_blur_fill): fotoğrafın TAMAMI görünür; boşluk aynı fotoğrafın bulanık, koyu kopyası. */
.gorsel.sigdir { isolation: isolate; }
.gorsel.sigdir img.arka { position: absolute; inset: 0; object-fit: cover; object-position: 50% 50%;
  filter: blur(22px) brightness(.55); transform: scale(1.2); z-index: 0; }
.gorsel.sigdir img.on { position: relative; z-index: 1; object-fit: contain; object-position: 50% 50%; }
.gorsel.bos { background: linear-gradient(135deg, var(--ton, #16316A), color-mix(in srgb, var(--ton, #16316A) 55%, #000)); display: grid; place-items: end start; }
/* Kapaksız / tasarım görselli haber: kurum adı yazılmaz (kullanıcı 04.10.2026), yalnız sitenin adı silik. */
.gorsel.tasarim .site-iz { position: absolute; left: 0; bottom: 0; }
.gorsel.bos .site-iz, .gorsel.tasarim .site-iz { padding: 12px 14px; color: rgba(255,255,255,.42);
  font-family: "Playfair Display", Georgia, serif; font-weight: 800; font-size: 15px; letter-spacing: .01em; }
.satir .gorsel.bos .site-iz, .satir .gorsel.tasarim .site-iz { padding: 6px 8px; font-size: 10.5px; }
.kat-etiket { display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--altin-koyu); }

/* ── 10'lu manşet ── */
.manset-alan { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
/* Kullanıcı 04.10.2026: "Mouse ile ilk 10 haber arasında gezerken haber alanının büyüyüp küçülmesi söz konusu oluyor
   ve mouse ayarı sürekli kayıyor." Ölçüldü: başlık uzunluğuna göre kutu 611↔651 px (telefonda 359↔408), 1–10 düğmeleri
   40–50 px kayıyordu. Çözüm: 10 haber AYNI ızgara hücresinde üst üste; kutu en uzun haberin yüksekliğinde SABİT,
   görünmeyen haber yer kaplar ama gizlidir. */
.manset { position: relative; display: grid; border-radius: var(--r); overflow: hidden; background: var(--lacivert); }
.m-oge { grid-area: 1 / 1; position: relative; visibility: hidden; opacity: 0; transition: opacity .25s ease; }
.m-oge.etkin { visibility: visible; opacity: 1; }
.m-oge .gorsel { border-radius: 0; aspect-ratio: 16 / 8.6; }
.m-yazi { padding: 14px 22px 52px; background: var(--lacivert); color: #fff; }        /* başlık görselin ALTINDA */
.m-yazi h2 { font-size: clamp(21px, 2.9vw, 34px); font-weight: 800; line-height: 1.16;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.m-sayfa { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(10, 1fr); background: rgba(4, 10, 26, .82); }
.m-sayfa button { background: transparent; border: 0; border-top: 3px solid transparent; color: var(--gece-soluk); font: inherit; font-weight: 800; font-size: 14px; height: 38px; cursor: pointer; font-variant-numeric: tabular-nums; }
.m-sayfa button[aria-current="true"] { color: #111; background: var(--altin); }
.m-sayfa button:hover { color: #fff; border-top-color: var(--altin); }

.ara-manset { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.kart { background: var(--kart); border-radius: var(--r); overflow: hidden; display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--cizgi); }
.kart .gorsel { border-radius: 0; }
.kart .ic { padding: 10px 12px 12px; display: grid; gap: 5px; align-content: start; }
.kart h3 { font-size: 15.5px; font-weight: 800; line-height: 1.3; }
@media (max-width: 860px) { .ara-manset { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── bloklar ── */
.blok { margin-top: 26px; }
.blok-bas { display: flex; align-items: center; gap: 12px; border-bottom: 3px solid var(--lacivert); margin-bottom: 14px; }
.blok-bas h2 { font-size: 19px; font-weight: 800; background: var(--lacivert); color: #fff; padding: 7px 14px 5px; border-radius: 6px 6px 0 0; }
.blok-bas a.tumu { margin-left: auto; font-weight: 800; font-size: 13px; color: var(--lacivert-2); }
:root[data-theme="dark"] .blok-bas a.tumu { color: var(--altin); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .blok-bas a.tumu { color: var(--altin); } }
.blok-icerik { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; }
.liste-kucuk { display: grid; gap: 10px; align-content: start; }
.satir { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; align-items: start; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 8px; }
.satir .gorsel { aspect-ratio: 4 / 3; border-radius: 7px; }
.satir h3 { font-size: 14.5px; font-weight: 800; line-height: 1.32; }
@media (max-width: 720px) { .blok-icerik { grid-template-columns: minmax(0, 1fr); } }

.gozden { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 860px) { .gozden { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .gozden, .ara-manset { grid-template-columns: minmax(0, 1fr); } }

/* ── yan sütun ── */
.yan-kutu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 14px; }
.yan-kutu h2 { font-size: 16px; font-weight: 800; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.yan-kutu h2::before { content: ""; width: 4px; height: 18px; background: var(--altin); border-radius: 2px; }
.cok-okunan { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: sira; }
.cok-okunan li { counter-increment: sira; }
.cok-okunan a { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.cok-okunan li:last-child a { border-bottom: 0; }
.cok-okunan a::before { content: counter(sira); font-weight: 800; font-size: 22px; line-height: 1; color: var(--altin-koyu); font-variant-numeric: tabular-nums; text-align: right; }
.cok-okunan .bas { font-weight: 700; font-size: 13.5px; line-height: 1.35; }
.yazarlar-kisa { display: grid; gap: 12px; }
.yazar-kisa { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 10px; align-items: center; }
.avatar { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--lacivert-2); color: var(--altin); font-weight: 800; font-size: 15px; flex: none; }
.yazar-kisa .ad { font-weight: 800; font-size: 13.5px; }
.yazar-kisa .kose-adi { font-size: 13px; padding-left: 7px; border-left-width: 2px; }
.yazar-kisa .yazi-bas { font-family: var(--yazar); font-style: italic; font-size: 14.5px; line-height: 1.3; color: var(--soluk); }

/* ── yazarlar bandı (ana sayfa) ── */
.yazarlar-band { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.yazar-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 14px; display: grid; gap: 10px; align-content: start; }
.yazar-kart .ust-satir { display: flex; gap: 10px; align-items: center; }
.yazar-kart .ad { font-weight: 800; font-size: 14px; }
.yazar-kart .alan { color: var(--soluk); font-size: 12px; font-weight: 600; }
.yazar-kart h3 { font-family: var(--yazar); font-style: italic; font-weight: 700; font-size: 19px; line-height: 1.25; }
@media (max-width: 860px) { .yazarlar-band { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ── haber sayfası ── */
.haber { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: clamp(16px, 3vw, 30px); }
.yol { font-size: 12.5px; font-weight: 700; color: var(--soluk); display: flex; gap: 6px; flex-wrap: wrap; }
.yol a:hover { color: var(--murekkep); }
.ic-gorsel { margin: 20px 0; }
.foto-atif { margin: 6px 2px 0; font-size: 12px; line-height: 1.4; color: var(--soluk); text-align: right; }
.haber h1 { font-size: clamp(25px, 3.3vw, 38px); font-weight: 800; line-height: 1.15; margin-top: 10px; }
.haber .spot { font-size: 18px; line-height: 1.5; color: var(--soluk); font-weight: 600; margin-top: 12px; }
.kunye-satir { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; margin-top: 16px; padding-block: 10px; border-block: 1px solid var(--cizgi); font-size: 13px; color: var(--soluk); }
.paylas { margin-left: auto; display: flex; gap: 6px; }
/* Paylaşım: düz bağlantılar (dış betik yok). Üstte tek "Paylaş" düğmesi + açılır liste; haber sonunda açık çubuk. */
.paylas-kutu { position: relative; display: inline-flex; }
.paylas-dugme { border: 1px solid var(--cizgi); background: var(--kart); color: var(--murekkep); border-radius: 999px; padding: 6px 14px;
  font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.paylas-dugme::before { content: "↗"; margin-right: 6px; color: var(--altin); }
.paylas-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; display: grid; gap: 6px; min-width: 190px; padding: 8px;
  background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; box-shadow: 0 12px 28px -10px rgba(0,0,0,.45); }
.paylas-cubugu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; }
.ps-etiket { font-size: 13px; font-weight: 800; color: var(--soluk); margin-right: 2px; }
.paylas-menu a, .paylas-menu button, .paylas-cubugu a, .paylas-cubugu button { display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 999px; padding: 7px 13px; font: inherit; font-size: 13px; font-weight: 800; color: #fff; cursor: pointer;
  text-decoration: none; white-space: nowrap; }
.paylas-menu a, .paylas-menu button { justify-content: flex-start; border-radius: 8px; }
.ps-x { background: #111; } .ps-fb { background: #1877F2; } .ps-wa { background: #128C7E; } .ps-tg { background: #1877B5; }
.ps-li { background: #0A66C2; }
.ps-ep, .ps-kopya { background: var(--zemin) !important; color: var(--murekkep) !important; box-shadow: inset 0 0 0 1px var(--cizgi); }
.paylas-menu a:hover, .paylas-cubugu a:hover, .paylas-menu button:hover, .paylas-cubugu button:hover { filter: brightness(1.12); }
.haber .gorsel { margin-top: 18px; aspect-ratio: 16 / 9; }
.metin { margin-top: 20px; font-size: 17.5px; line-height: 1.75; max-width: 68ch; }
.metin p { margin: 0 0 1.05em; }
.tarih-alt { margin-top: 18px; padding-top: 10px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.metin blockquote { margin: 0 0 1em; padding: 4px 0 4px 16px; border-left: 3px solid var(--cizgi); font-style: italic; }
.alt-abone { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; line-height: 1.9; color: var(--gece-soluk); }
.urun-logo { font-family: var(--yazar); font-style: normal; font-weight: 700; font-size: 16px; letter-spacing: .02em; color: #fff; white-space: nowrap; }
.urun-logo .ha { color: #F5B301; }                  /* sdhub.com.tr --altin */
.urun-logo:hover { color: #fff; text-decoration: underline; text-decoration-color: #F5B301; text-underline-offset: 4px; }
.kaynak-not { margin-top: 18px; font-size: 13px; color: var(--soluk); border-left: 3px solid var(--altin); padding: 6px 12px; background: var(--zemin); border-radius: 0 6px 6px 0; }
.r-icerik { margin: 18px 0 22px; max-width: 336px; aspect-ratio: 336 / 280; }

/* ── köşe yazısı ── */
.yazi-ust { display: flex; gap: 14px; align-items: center; margin-top: 12px; }
.yazi-ust .avatar { width: 64px; height: 64px; font-size: 20px; }
.yazi-ust .ad { font-weight: 800; font-size: 16px; }
.yazi-ust .alan { color: var(--soluk); font-size: 13px; font-weight: 600; }
/* KÖŞE ADI (16.10.2026, kullanıcı: «her yazarın köşesinin de bir adı olacak. Görünümde de o şekilde bir tasarımla
   görünmeli»): yazının başlığından ayrı, yazarın sabit köşesi — eğik yazar harfi, altın vurgu çizgisi */
.kose-adi { display: inline-block; font-family: var(--yazar); font-style: italic; font-weight: 700; font-size: 15px;
  line-height: 1.25; color: var(--altin-koyu); text-decoration: none; padding-left: 9px; border-left: 3px solid var(--altin); }
a.kose-adi:hover { text-decoration: underline; }
.kose-adi--buyuk { font-size: clamp(18px, 2.2vw, 22px); margin-bottom: 4px; }
.kose-kutu { margin-top: 22px; background: var(--kart); border: 1px solid var(--cizgi); border-left: 4px solid var(--altin);
  border-radius: var(--r); padding: 16px; display: grid; gap: 12px; }
.kose-kutu__ust { display: flex; gap: 14px; align-items: center; }
.kose-kutu__ust > div { display: grid; gap: 3px; min-width: 0; }
.kose-kutu__ad { font-weight: 800; font-size: 16px; color: inherit; text-decoration: none; }
.kose-kutu__ad:hover { text-decoration: underline; }
.kose-kutu__alan { color: var(--soluk); font-size: 13px; font-weight: 600; }
.kose-kutu__eposta { color: var(--soluk); font-size: 13px; word-break: break-all; user-select: all; }
.kose-ulas > summary { display: inline-flex; list-style: none; cursor: pointer; }
.kose-ulas > summary::-webkit-details-marker { display: none; }
.kose-ulas[open] > summary { margin-bottom: 10px; }
/* yazar sayfası: bilgi + «Yazara ulaş» üstte, yazılar altta ALT ALTA — yalnız başlık ve tarih (16.10.2026) */
.yazar-bas { margin-top: 18px; }
.yazar-bas__ad { font-size: clamp(22px, 2.8vw, 30px); font-weight: 800; line-height: 1.2; margin: 2px 0; }
.yazar-bas__ozgecmis { color: var(--soluk); max-width: 68ch; margin: 0; }
.kose-listesi { list-style: none; margin: 14px 0 0; padding: 0; background: var(--kart); border: 1px solid var(--cizgi);
  border-radius: var(--r); }
.kose-listesi li + li { border-top: 1px solid var(--cizgi); }
.kose-listesi a { display: grid; gap: 4px; padding: 14px 16px; color: inherit; text-decoration: none; }
.kose-listesi a:hover .kose-listesi__baslik { text-decoration: underline; }
.kose-listesi__baslik { font-family: var(--yazar); font-style: italic; font-weight: 700; font-size: 19px; line-height: 1.3; }
.kose-listesi time { color: var(--soluk); font-size: 13px; font-weight: 600; }
.haber.kose h1 { font-family: var(--yazar); font-style: italic; font-weight: 700; font-size: clamp(28px, 3.6vw, 42px); line-height: 1.12; }

/* ── kategori / yazarlar sayfaları ── */
.sayfa-bas { margin-top: 18px; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.sayfa-bas h1 { font-size: clamp(24px, 3vw, 32px); font-weight: 800; }
.sayfa-bas p { color: var(--soluk); margin: 0; font-weight: 600; }
.bos-not { margin-top: 18px; padding: 18px 20px; border: 1px dashed var(--cizgi); border-radius: 12px; color: var(--soluk);
  font-weight: 600; }
.kat-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
@media (max-width: 860px) { .kat-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .kat-izgara { grid-template-columns: minmax(0, 1fr); } }
.duz-metin { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: clamp(16px, 3vw, 30px); max-width: 820px; }
.duz-metin h2 { font-size: 18px; margin-top: 18px; }
.duz-metin dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 8px 18px; margin: 12px 0 0; }
.duz-metin dt { font-weight: 800; }
.duz-metin dd { margin: 0; color: var(--soluk); }

/* ── alt bilgi ── */
.alt-bilgi { margin-top: 40px; background: var(--lacivert); color: var(--gece-soluk); font-size: 13.5px; }
.alt-bilgi .kap { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 24px; padding-block: 30px; }
.alt-bilgi h2 { color: #fff; font-size: 14px; margin-bottom: 10px; }
.alt-bilgi nav { display: grid; gap: 6px; }
.alt-bilgi a:hover { color: #fff; }
.alt-bilgi .telif { border-top: 1px solid rgba(255,255,255,.08); padding-block: 14px; font-size: 12.5px; }
@media (max-width: 760px) { .alt-bilgi .kap { grid-template-columns: 1fr 1fr; } }

/* ── çerez onayı (KVKK) ── */
.cerez { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 60; max-width: 760px; margin-inline: auto; background: var(--kart); color: var(--murekkep); border: 1px solid var(--cizgi); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.18); padding: 14px 16px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 13.5px; }
.cerez p { margin: 0; flex: 1 1 320px; min-width: 0; }
.cerez a { text-decoration: underline; }
.cerez .dugmeler { display: flex; gap: 8px; }
.dugme { border: 1px solid var(--cizgi); background: var(--kart); color: var(--murekkep); border-radius: 8px; padding: 8px 14px; font: inherit; font-weight: 800; font-size: 13px; cursor: pointer; }
.dugme.ana { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
@media (max-width: 700px) { .cerez { bottom: 66px; } }

@media (prefers-reduced-motion: reduce) { .sd-akis { animation-duration: 160s; } }

/* Kategori/arama sayfalaması (04.10.2026) */
.sayfalama { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 24px 0 8px; flex-wrap: wrap; font-weight: 700; }
.sayfalama span { color: var(--soluk); font-size: 13px; }
/* 19.10.2026 sayfa numaraları (kullanıcı: «daha eski haberler için sayfa sayısı da gösterelim») */
.sayfalama .sayfa-no { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; }
.sayfalama .sayfa-no a, .sayfalama .sayfa-no .sayfa-aktif { min-width: 38px; height: 38px; padding: 0 8px; display: inline-grid;
  place-items: center; border: 1px solid var(--cizgi); border-radius: var(--r); background: var(--kart); color: var(--murekkep);
  font-size: 14px; font-variant-numeric: tabular-nums; text-decoration: none; }
.sayfalama .sayfa-no a:hover { border-color: var(--altin); }
.sayfalama .sayfa-no .sayfa-aktif { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.sayfalama .sayfa-bos { padding: 0 2px; }
.sayfa-bilgi { margin: 0 0 8px; text-align: center; color: var(--soluk); font-size: 13px; }
@media (max-width: 640px) { .sayfalama { justify-content: center; } .sayfalama .sayfa-no { order: 3; width: 100%; } }

/* 05.10.2026 — düzeltme ve cevap (5187 md. 14), son dakika işareti, sosyal hesaplar, onay bekleyen reklam kodu, yazar foto */
.duzeltme { border: 1px solid var(--cizgi); border-left: 4px solid var(--acil); background: var(--kart); border-radius: var(--r); padding: 14px 18px; margin: 18px 0; }
.duzeltme h2 { font-size: 17px; margin: 0 0 6px; }
.duzeltme h2 a { color: inherit; }
.duzeltme .metin { margin-top: 8px; }
.duzeltme-bilgi { color: var(--soluk); font-size: 13px; margin: 0; }
/* Kullanıcı 05.10.2026: "Son dakikada her haberin başına ayırıcı bir işaret koy" → her başlığın önünde eşkenar dörtgen;
   editörün işaretlediği haberde kırmızı ve dolu. Yazı tipinden bağımsız (CSS şekli). */
.sd-akis a { display: inline-flex; align-items: center; gap: 12px; }
.sd-akis a::before { content: ""; width: 7px; height: 7px; flex: none; background: var(--altin); transform: rotate(45deg); }
.sd-akis a.sd-isaretli { color: var(--acil); }
.sd-akis a.sd-isaretli::before { background: var(--acil); width: 9px; height: 9px; }
.alt-bilgi .sosyal { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; }
.reklam.kod-bekliyor { display: none; }
/* Google alanı (14.10.2026): yedek (kendi/ev reklamı) alanın içeriği gibi yerleşir; onaydan sonra Google görünür, Google
   alanı doldurmazsa (data-ad-status="unfilled") yedek geri gelir — alan boş kalmaz. */
.reklam .google-yedek { display: contents; }
.reklam.google-alan.onaylandi > .google-yedek { display: none; }
.reklam.google-alan.onaylandi:has(ins.adsbygoogle[data-ad-status="unfilled"]) > .google-yedek { display: contents; }
.reklam ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }
.reklam.google-alan.onaylandi { place-items: stretch; }
.reklam.google-alan ins.adsbygoogle { width: 100%; }
img.avatar { object-fit: cover; padding: 0; }

/* ── 05.10.2026: anket (4 şablon), yorumlar, ihbar, anlık bildirim ── */
.anket { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 16px 18px; margin: 18px 0; display: grid; gap: 10px; }
.anket-ust { display: flex; gap: 8px; align-items: center; }
.anket-etiket { background: var(--lacivert); color: var(--altin); font-weight: 800; font-size: 11px; letter-spacing: .1em; padding: 3px 8px; border-radius: 4px; }
.anket-ornek { border: 1px dashed var(--cizgi); color: var(--soluk); font-weight: 700; font-size: 11px; padding: 2px 7px; border-radius: 4px; }
.anket-soru { margin: 0; font-size: 18px; line-height: 1.35; text-wrap: balance; }
.anket-form { margin: 0; display: grid; gap: 10px; }
.anket-form fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 6px; }
.anket-dugmeler { display: grid; gap: 8px; }
.anket-dugme, .anket-oy { border: 1px solid var(--cizgi); background: var(--zemin); color: var(--murekkep); border-radius: 8px; padding: 10px 14px; font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.anket-dugme:hover, .anket-dugme:focus-visible, .anket-oy:hover { border-color: var(--altin); background: var(--kart); }
.anket-oy { background: var(--altin); color: #141414; border-color: var(--altin); text-align: center; justify-self: start; }
.anket-oy:hover { background: var(--altin); filter: brightness(1.06); }
.anket-secim { display: flex; gap: 8px; align-items: center; font-weight: 600; font-size: 14px; cursor: pointer; }
.anket-sonuc { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.anket-sonuc li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; font-size: 14px; font-weight: 600; }
.anket-sonuc .yuzde { font-variant-numeric: tabular-nums; font-weight: 800; }
.anket-sonuc .cubuk { grid-column: 1 / -1; height: 8px; border-radius: 999px; background: var(--zemin); overflow: hidden; }
.anket-sonuc .cubuk i { display: block; height: 100%; background: var(--altin); border-radius: 999px; transition: width .4s; }
.anket-not { margin: 0; font-size: 12.5px; color: var(--soluk); }
.anket-not:empty { display: none; }
/* Şerit: soru solda, seçenekler yan yana (geniş alanlar) */
.anket-serit { grid-template-columns: minmax(0, 1fr); }
.anket-serit .anket-dugmeler { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.anket-serit .anket-dugme { text-align: center; }
@media (min-width: 900px) { .anket-serit.yer-ana, .anket-serit.yer-kategori { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); align-items: center; }
  .anket-serit.yer-ana .anket-ust, .anket-serit.yer-kategori .anket-ust { grid-column: 1 / -1; } }
/* Kompakt: yan sütun */
.anket-kompakt { padding: 14px; }
.anket-kompakt .anket-soru { font-size: 15.5px; }
/* Evet / Hayır: iki büyük düğme */
.anket-ikili .anket-dugmeler { grid-template-columns: 1fr 1fr; }
.anket-ikili .anket-dugme { text-align: center; font-size: 16px; padding: 14px; }
/* Tarafsızlık: iki seçenek AYNI görünür (birini öne çıkarmak okuru yönlendirir). */
.anket-ikili .anket-dugme { background: var(--zemin); border-width: 2px; }
.yan .anket { margin: 0; }
.acilir-anket .anket { margin: 0; border: 0; min-width: min(520px, 86vw); }

.yorumlar { margin-top: 28px; display: grid; gap: 12px; }
.yorum { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 12px 16px; }
.yorum-ust { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.yorum-ust time { color: var(--soluk); font-size: 12px; }
.yorum p { margin: 6px 0 0; overflow-wrap: anywhere; }
.yorum-form { display: grid; gap: 10px; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 16px; }
.yorum-form .alan { display: grid; gap: 4px; font-weight: 700; font-size: 13px; }
.yorum-form input[type=text], .yorum-form input[type=email], .yorum-form textarea, .yorum-form input[type=file] { font: inherit; font-weight: 400; color: var(--murekkep); background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 8px; padding: 9px 11px; min-width: 0; width: 100%; box-sizing: border-box; }
.yorum-form .onay { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; }
.yorum-form .onay a { text-decoration: underline; }
.yorum-form .dugme { justify-self: start; }
.yorum-kural { margin: 0; font-size: 12px; color: var(--soluk); }
.gizli-tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.form-mesaj { margin: 0; padding: 10px 14px; border-radius: 8px; font-weight: 700; font-size: 14px; }
.form-mesaj.tamam { background: rgba(19, 104, 61, .12); color: #13683D; }
.form-mesaj.hata { background: rgba(215, 25, 31, .1); color: var(--acil); }
.iki-alan { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ihbar-wa { margin: 14px 0; }
.dugme.wa { display: inline-block; background: #128C4A; border-color: #128C4A; color: #fff; text-decoration: none; padding: 10px 16px; }
.ihbar-dugme { flex: none; white-space: nowrap; background: var(--acil); color: #fff; font-weight: 800; font-size: 13px; padding: 7px 12px; border-radius: 6px; text-decoration: none; }
.bildirim-dugme { flex: none; display: inline-flex; align-items: center; gap: 6px; background: transparent; color: #D9E1F2; border: 1px solid var(--lacivert-2); border-radius: 6px; padding: 6px 10px; font: inherit; font-weight: 700; font-size: 13px; cursor: pointer; }
.bildirim-dugme.acik { color: var(--altin); border-color: var(--altin); }
.bildirim-onay { max-width: min(460px, 92vw); border: 0; border-radius: var(--r); padding: 20px; background: var(--kart); color: var(--murekkep); box-shadow: 0 20px 60px rgba(0,0,0,.35); }
.bildirim-onay::backdrop { background: rgba(5, 10, 25, .55); }
.bildirim-onay h2 { margin: 0 0 8px; font-size: 18px; }
.bildirim-onay p { margin: 0 0 14px; font-size: 14px; line-height: 1.55; }
.bildirim-onay a { text-decoration: underline; }
.bildirim-onay .dugmeler { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 760px) { .bildirim-dugme span { display: none; } .ihbar-dugme { padding: 6px 9px; } }

/* Video (05.10.2026): alana göre ölçek — doğal oran (dikey video ekranı aşmaz), 16:9'a sığdır, 16:9'u doldur (kırp) */
.ic-video { margin: 18px 0; }
.ic-video video { display: block; width: 100%; max-width: 100%; background: #000; border-radius: var(--r); }
.ic-video.gorunum-dogal video { aspect-ratio: var(--oran, 16 / 9); max-width: calc(80vh * var(--oran, 16 / 9)); margin-inline: auto; object-fit: contain; }
.ic-video.gorunum-sigdir video { aspect-ratio: 16 / 9; object-fit: contain; }
.ic-video.gorunum-kirp video { aspect-ratio: 16 / 9; object-fit: cover; }
.ic-video.kapak-video { margin-top: 0; }
/* Reklam videosu alana TARAYICIDA uyar (sunucu ölçeklemez — 06.10.2026 "Sunucuyu yormayalım") */
.reklam video { display: block; width: 100%; height: 100%; object-fit: cover; }
.reklam video.mod-sigdir { object-fit: contain; background: var(--lacivert); }
.yorum-form .dugme.ana { background: var(--altin); border-color: var(--altin); color: #141414; }