/* ═══════════════════════════════════════════════════════════════════════
   GERÇEK KOCAELİ — Ön Yüz Teması  ·  Beyribey Bilişim
   Kural notları: 5 (zemin derin ton, menü kenara dayalı, footer mobil 2 blok,
   scroll-to-top), 24 (koyu tema tüm sayfa), 25 (mobil taşma yok), 9 (48px hedef)
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Tema paleti (JS bunları kök elemana INLINE yazar — kural 24) ── */
:root{
  --bg:#D7DDE3;          /* sayfa zemini: paletin DERİN tonu (kural 5) */
  --yuzey:#FFFFFF;       /* kart */
  --yuzey2:#F1F4F7;      /* ikincil yüzey */
  --yuzey3:#E7ECF1;
  --murekkep:#111820;    /* ana metin */
  --murekkep2:#2C3844;
  --soluk:#5D6B7A;
  --silik:#8E9BA8;
  --cizgi:#CBD4DC;
  --marka:#0E4C63;       /* körfez mavisi */
  --marka2:#14657F;
  --marka-yumusak:#DCE9EF;
  --acil:#D62828;        /* son dakika kırmızısı */
  --acil-yumusak:#FBE4E4;
  --altin:#B8862F;
  --yesil:#177245;
  --koyu-yuzey:#111820;   /* üst şerit + footer + çerez bandı */
  --koyu-yazi:#B6C3D0;
  --koyu-cizgi:#253240;
  --golge:0 1px 2px rgba(17,24,32,.05), 0 8px 24px -12px rgba(17,24,32,.18);
  --golge-yuksek:0 20px 50px -20px rgba(17,24,32,.35);
  --r:12px; --r-s:8px; --r-l:18px;
  --d:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;   /* display */
  --g:'Source Serif 4',Georgia,serif;                             /* gövde/haber */
  --m:'JetBrains Mono',ui-monospace,Consolas,monospace;           /* etiket */
  --en:1200px;   /* içerik kapsayıcı genişliği — sağdan/soldan 40'ar px daraltıldı */
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}

/* Kural 25 — yatay taşma kesin engel */
html,body{overflow-x:clip;max-width:100%}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--bg); color:var(--murekkep);
  font-family:var(--d); font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
/* Kural 25 — grid/flex çocuklarında taşmayı engelle */
.kap>*,.izgara>*,.satir>*,.esnek>*{min-width:0}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:none;cursor:pointer}
:focus-visible{outline:3px solid var(--marka2);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.kap{max-width:var(--en);margin:0 auto;padding:0 18px}
.satir{display:flex;align-items:center;gap:12px}
.esnek{display:flex}
.izgara{display:grid}
.gizle{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* etiket/kicker */
.etiket{font-family:var(--m);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}

/* ═══════════ ÜST ŞERİT ═══════════ */
.ust{background:var(--koyu-yuzey);color:var(--koyu-yazi);font-size:.78rem}
.ust .kap{display:flex;align-items:center;gap:16px;height:38px;flex-wrap:nowrap;overflow:hidden}
.ust .tarih{font-family:var(--m);font-size:.7rem;letter-spacing:.06em;color:#9FB0C0;white-space:nowrap}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:14px;white-space:nowrap}
.ust a{color:#B9C7D4;transition:color .15s}
.ust a:hover{color:#fff}
.ust .ayrac{width:1px;height:15px;background:var(--koyu-cizgi)}
.sos{display:flex;gap:6px}
.sos a{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.08)}
.sos a:hover{background:var(--marka2);color:#fff}

/* ═══════════ BAŞLIK / MENÜ ═══════════ */
.bas{background:var(--yuzey);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:60}
.bas-ic{display:flex;align-items:center;gap:18px;height:74px}
.logo{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.logo-im{width:42px;height:42px;border-radius:10px;background:linear-gradient(140deg,var(--marka),var(--marka2));
  display:grid;place-items:center;color:#fff;font-family:var(--d);font-weight:800;font-size:1.15rem;letter-spacing:-.03em}
.logo-ad{font-family:var(--d);font-weight:800;font-size:1.32rem;letter-spacing:-.02em;line-height:1}
.logo-ad small{display:block;font-family:var(--m);font-size:.58rem;font-weight:500;letter-spacing:.22em;
  color:var(--soluk);text-transform:uppercase;margin-top:3px}

/* Kural 5 — ana menü KENARA DAYALI (ortalı değil) */
.menu{display:flex;align-items:center;gap:2px;margin-left:26px}
.menu a{padding:10px 13px;border-radius:var(--r-s);font-weight:600;font-size:.92rem;color:var(--murekkep2);
  transition:background .15s,color .15s;white-space:nowrap}
.menu a:hover{background:var(--yuzey2);color:var(--marka)}
.menu a.aktif{color:var(--marka);background:var(--marka-yumusak)}
.bas-arac{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.ikon-btn{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--murekkep2);
  border:1px solid var(--cizgi);background:var(--yuzey);transition:.15s}
.ikon-btn:hover{background:var(--yuzey2);border-color:var(--marka2);color:var(--marka)}
.hamburger{display:none}

/* arama açılır */
.arama-kat{position:fixed;inset:0;background:rgba(10,16,22,.6);z-index:200;display:none;
  align-items:flex-start;justify-content:center;padding:14vh 18px}
.arama-kat.acik{display:flex}
.arama-kutu{background:var(--yuzey);border-radius:var(--r-l);width:100%;max-width:620px;padding:22px;box-shadow:var(--golge-yuksek)}
.arama-kutu input{width:100%;padding:15px 16px;border:2px solid var(--cizgi);border-radius:var(--r);font-size:1.05rem}
.arama-kutu input:focus{outline:none;border-color:var(--marka)}
.arama-oner{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.arama-oner a{font-size:.82rem;padding:6px 11px;background:var(--yuzey2);border-radius:999px;color:var(--soluk)}
.arama-oner a:hover{background:var(--marka);color:#fff}

/* mobil çekmece */
.cekmece{position:fixed;inset:0 0 0 auto;width:min(84vw,340px);background:var(--yuzey);z-index:210;
  transform:translateX(101%);transition:transform .28s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;box-shadow:var(--golge-yuksek);overflow-y:auto}
.cekmece.acik{transform:none}
.cekmece-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--cizgi)}
.cekmece nav{padding:10px}
.cekmece nav a{display:block;padding:13px 14px;border-radius:var(--r-s);font-weight:600;min-height:48px;
  display:flex;align-items:center}
.cekmece nav a:hover,.cekmece nav a.aktif{background:var(--marka-yumusak);color:var(--marka)}
.perde{position:fixed;inset:0;background:rgba(10,16,22,.5);z-index:205;opacity:0;pointer-events:none;transition:opacity .25s}
.perde.acik{opacity:1;pointer-events:auto}

/* ═══════════ SON DAKİKA BANDI ═══════════ */
.sondakika{background:var(--acil);color:#fff;overflow:hidden}
.sondakika .kap{display:flex;align-items:center;gap:0;height:44px}
.sd-et{background:rgba(0,0,0,.22);padding:0 15px;height:100%;display:flex;align-items:center;gap:8px;
  font-family:var(--m);font-size:.68rem;letter-spacing:.16em;font-weight:700;flex:0 0 auto}
.sd-nokta{width:8px;height:8px;border-radius:50%;background:#fff;animation:nabiz 1.4s infinite}
@keyframes nabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.sd-akis{flex:1;min-width:0;overflow:hidden;position:relative;height:100%}
.sd-ray{display:flex;align-items:center;gap:44px;height:100%;white-space:nowrap;
  animation:kay 42s linear infinite;padding-left:20px}
.sd-akis:hover .sd-ray{animation-play-state:paused}
@keyframes kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sd-ray a{font-size:.9rem;font-weight:600}
.sd-ray a::before{content:"•";margin-right:14px;color:rgba(255,255,255,.5)}

/* ═══════════ MANŞET ═══════════ */
.manset{padding:22px 0}
.manset-izgara{display:grid;grid-template-columns:1fr 372px;gap:16px}
.slider{position:relative;border-radius:var(--r-l);overflow:hidden;background:#0B1015;aspect-ratio:16/9}
.slider-ray{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.slayt{min-width:100%;position:relative;height:100%}
.slayt img{width:100%;height:100%;object-fit:cover}
.slayt-ic{position:absolute;inset:auto 0 0 0;padding:28px 30px 26px;
  background:linear-gradient(transparent,rgba(8,13,18,.55) 32%,rgba(8,13,18,.93));color:#fff}
.rozet{display:inline-flex;align-items:center;gap:6px;font-family:var(--m);font-size:.62rem;letter-spacing:.13em;
  text-transform:uppercase;font-weight:700;padding:5px 10px;border-radius:5px;background:var(--acil);color:#fff}
.rozet.mavi{background:var(--marka2)}.rozet.altin{background:var(--altin)}.rozet.yesil{background:var(--yesil)}
.slayt h2{font-family:var(--d);font-weight:800;font-size:clamp(1.3rem,2.9vw,2.15rem);line-height:1.13;
  margin:12px 0 8px;letter-spacing:-.02em;text-wrap:balance}
.slayt p{font-family:var(--g);color:#D3DCE4;max-width:62ch;font-size:.98rem;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slayt-meta{display:flex;gap:14px;margin-top:12px;font-family:var(--m);font-size:.68rem;color:#A9B8C6}
.ok{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--murekkep);display:grid;place-items:center;z-index:3;
  box-shadow:0 3px 14px rgba(0,0,0,.28);transition:.18s}
.ok:hover{background:#fff;transform:translateY(-50%) scale(1.07)}
.ok.sol{left:14px}.ok.sag{right:14px}
.noktalar{position:absolute;bottom:14px;right:22px;display:flex;gap:7px;z-index:3}
.noktalar button{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);transition:.2s}
.noktalar button.aktif{background:#fff;width:26px;border-radius:5px}

.yan-liste{display:flex;flex-direction:column;gap:10px}
.yan-kart{display:grid;grid-template-columns:104px 1fr;gap:12px;background:var(--yuzey);border-radius:var(--r);
  padding:9px;border:1px solid var(--cizgi);transition:.18s}
.yan-kart:hover{border-color:var(--marka2);box-shadow:var(--golge);transform:translateX(-2px)}
.yan-kart img{width:104px;height:72px;object-fit:cover;border-radius:var(--r-s)}
.yan-kart h3{font-size:.93rem;font-weight:700;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
.yan-kart .zaman{font-family:var(--m);font-size:.64rem;color:var(--silik);margin-top:5px}

/* ═══════════ ŞERİTLER (döviz / namaz) ═══════════ */
.serit{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:18px;
  display:flex;align-items:stretch;overflow:hidden}
.serit-et{background:var(--marka);color:#fff;padding:0 16px;display:flex;align-items:center;gap:8px;
  font-family:var(--m);font-size:.66rem;letter-spacing:.12em;font-weight:700;flex:0 0 auto}
.serit-ic{flex:1;min-width:0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.serit-ic::-webkit-scrollbar{display:none}
.kur{padding:11px 18px;display:flex;align-items:center;gap:9px;border-right:1px solid var(--cizgi);white-space:nowrap}
.kur b{font-family:var(--m);font-size:.74rem;color:var(--soluk);letter-spacing:.04em}
.kur .deger{font-weight:700;font-size:.94rem}
.kur .fark{font-family:var(--m);font-size:.68rem;padding:2px 6px;border-radius:4px}
.artis{color:var(--yesil);background:#E3F2E9}.azalis{color:var(--acil);background:var(--acil-yumusak)}
.vakit{padding:11px 16px;display:flex;flex-direction:column;gap:1px;border-right:1px solid var(--cizgi);white-space:nowrap}
.vakit span{font-family:var(--m);font-size:.6rem;color:var(--silik);letter-spacing:.1em;text-transform:uppercase}
.vakit b{font-size:.92rem;font-weight:700}
.vakit.simdi{background:var(--marka-yumusak)}
.vakit.simdi b{color:var(--marka)}

/* ═══════════ BÖLÜM BAŞLIĞI ═══════════ */
.blok{margin-bottom:30px}
.blok-bas{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.blok-bas h2{font-family:var(--d);font-weight:800;font-size:1.22rem;letter-spacing:-.01em;display:flex;
  align-items:center;gap:11px}
.blok-bas h2::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--kat,var(--marka))}
.blok-bas .tumu{margin-left:auto;font-size:.82rem;font-weight:600;color:var(--soluk);display:flex;align-items:center;gap:5px}
.blok-bas .tumu:hover{color:var(--marka)}

/* ═══════════ KATEGORİ BLOĞU (S-15: üstte 2 yan yana + altta büyük) ═══════════ */
.kat-blok{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:16px;
  border-top:4px solid var(--kat,var(--marka))}
.kat-ust{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.kart{background:var(--yuzey);border-radius:var(--r);overflow:hidden;transition:.18s;display:flex;flex-direction:column}
.kart:hover{transform:translateY(-3px)}
.kart:hover img{transform:scale(1.05)}
.kart-im{position:relative;overflow:hidden;border-radius:var(--r);aspect-ratio:16/10;background:var(--yuzey3)}
.kart-im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.kart-im .rozet{position:absolute;top:10px;left:10px}
.kart h3{font-weight:700;font-size:1rem;line-height:1.3;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.kart:hover h3{color:var(--marka)}
.kart .zaman{font-family:var(--m);font-size:.64rem;color:var(--silik);margin-top:6px}
.kat-buyuk{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9}
.kat-buyuk img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kat-buyuk:hover img{transform:scale(1.04)}
.kat-buyuk-ic{position:absolute;inset:auto 0 0 0;padding:22px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.9))}
.kat-buyuk-ic h3{font-family:var(--d);font-weight:800;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.18;
  text-wrap:balance}

/* mobil kaydırmalı sıra (S-15 / S-26) */
.kaydir{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:4px}
.kaydir::-webkit-scrollbar{display:none}
.kaydir>*{scroll-snap-align:start;flex:0 0 78%}

/* ═══════════ İKİ SÜTUN (içerik + kenar) ═══════════ */
.iki-sutun{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start}
.kenar{position:sticky;top:92px;display:flex;flex-direction:column;gap:18px}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:16px}
.kutu-bas{font-family:var(--d);font-weight:800;font-size:1rem;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.kutu-bas::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--marka)}
.sira-liste{display:flex;flex-direction:column;gap:11px;counter-reset:s}
.sira-liste a{display:flex;gap:12px;align-items:flex-start;counter-increment:s;padding-bottom:11px;
  border-bottom:1px solid var(--cizgi)}
.sira-liste a:last-child{border:none;padding-bottom:0}
.sira-liste a::before{content:counter(s);font-family:var(--d);font-weight:800;font-size:1.15rem;color:var(--marka);
  opacity:.42;line-height:1;flex:0 0 22px}
.sira-liste h4{font-size:.9rem;font-weight:600;line-height:1.32}
.sira-liste a:hover h4{color:var(--marka)}

/* yazarlar */
.yazar-liste{display:flex;flex-direction:column;gap:13px}
.yazar-s{display:flex;gap:11px;align-items:flex-start}
.yazar-s img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px;border:2px solid var(--cizgi)}
.yazar-s .ad{font-weight:700;font-size:.86rem;color:var(--marka)}
.yazar-s .yz{font-family:var(--g);font-size:.88rem;color:var(--murekkep2);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* reklam yuvası */
.reklam{background:var(--yuzey3);border:1px dashed var(--silik);border-radius:var(--r);
  display:grid;place-items:center;color:var(--silik);font-family:var(--m);font-size:.66rem;letter-spacing:.14em;
  min-height:250px;text-align:center}
.reklam.yatay{min-height:110px}

/* ═══════════ HABER DETAY ═══════════ */
.ilerleme{position:fixed;top:0;left:0;height:3px;background:var(--acil);z-index:100;width:0}
.kirinti{font-family:var(--m);font-size:.68rem;color:var(--soluk);padding:16px 0;display:flex;gap:8px;flex-wrap:wrap}
.kirinti a:hover{color:var(--marka)}
.makale{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:clamp(20px,3vw,38px)}
.makale h1{font-family:var(--d);font-weight:800;font-size:clamp(1.55rem,3.6vw,2.45rem);line-height:1.13;
  letter-spacing:-.022em;margin:12px 0;text-wrap:balance}
.makale .ozet{font-family:var(--g);font-size:1.1rem;color:var(--murekkep2);line-height:1.6;
  padding-left:16px;border-left:3px solid var(--marka);margin-bottom:20px}
.makale-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;
  border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);font-size:.83rem;color:var(--soluk)}
.makale-meta .yz{display:flex;align-items:center;gap:9px}
.makale-meta .yz img{width:34px;height:34px;border-radius:50%}
.makale-meta b{color:var(--murekkep)}
.arac-cubuk{margin-left:auto;display:flex;gap:6px}
.mini-btn{padding:7px 11px;border:1px solid var(--cizgi);border-radius:8px;font-size:.78rem;font-weight:600;
  display:flex;align-items:center;gap:6px;min-height:38px;transition:.15s}
.mini-btn:hover{background:var(--marka);color:#fff;border-color:var(--marka)}
.mini-btn.etkin{background:var(--marka);color:#fff;border-color:var(--marka)}
.makale-govde{font-family:var(--g);font-size:var(--yz,1.06rem);line-height:1.78;color:var(--murekkep);margin-top:22px}
.makale-govde p{margin-bottom:18px}
.makale-govde h2{font-family:var(--d);font-size:1.32em;font-weight:800;margin:28px 0 12px;letter-spacing:-.01em}
.makale-govde h3{font-family:var(--d);font-size:1.14em;font-weight:700;margin:24px 0 10px}
.makale-govde figure{margin:22px 0}
.makale-govde figure img{border-radius:var(--r)}
.makale-govde figcaption{font-family:var(--d);font-size:.8rem;color:var(--soluk);padding-top:8px;text-align:center}
.makale-govde blockquote{border-left:4px solid var(--marka);background:var(--yuzey2);padding:16px 20px;
  border-radius:0 var(--r) var(--r) 0;margin:22px 0;font-style:italic;color:var(--murekkep2)}
.makale-govde ul,.makale-govde ol{margin:0 0 18px 22px}
.makale-govde li{margin-bottom:7px}
.bilgi-kutu{background:var(--marka-yumusak);border:1px solid #BBD5E0;border-radius:var(--r);padding:16px 20px;margin:22px 0}
.bilgi-kutu .bk-bas{font-family:var(--d);font-weight:700;color:var(--marka);margin-bottom:6px;font-size:.95rem}
.etiketler{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.etiketler a{font-family:var(--m);font-size:.7rem;padding:6px 11px;background:var(--yuzey2);border-radius:6px;
  color:var(--soluk);border:1px solid var(--cizgi)}
.etiketler a:hover{background:var(--marka);color:#fff;border-color:var(--marka)}

/* paylaş */
/* (eski 44×44 kare paylaş kuralı kaldırıldı — metinli .pay-btn katmanı geçerli) */
.paylas{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--cizgi)}
.p-x{background:#111820}.p-fb{background:#1877F2}.p-wa{background:#25D366}.p-tg{background:#26A5E4}
.p-in{background:#0A66C2}.p-kop{background:var(--soluk)}

/* yorumlar */
.yorum{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--cizgi)}
.yorum-av{width:42px;height:42px;border-radius:50%;background:var(--marka);color:#fff;display:grid;place-items:center;
  font-weight:700;flex:0 0 42px}
.yorum .ad{font-weight:700;font-size:.9rem}
.yorum .zm{font-family:var(--m);font-size:.64rem;color:var(--silik)}
.yorum p{font-family:var(--g);font-size:.95rem;margin-top:5px;color:var(--murekkep2)}
.form-alan{width:100%;padding:12px 14px;border:1px solid var(--cizgi);border-radius:var(--r-s);
  background:var(--yuzey);font-size:.95rem;min-height:48px}
.form-alan:focus{outline:none;border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-yumusak)}
.btn{background:var(--marka);color:#fff;padding:12px 22px;border-radius:var(--r-s);font-weight:700;font-size:.92rem;
  display:inline-flex;align-items:center;gap:8px;min-height:48px;transition:.16s}
.btn:hover{background:var(--marka2);transform:translateY(-1px)}
.btn.hayalet{background:none;border:1px solid var(--cizgi);color:var(--murekkep)}
.btn.hayalet:hover{background:var(--yuzey2);color:var(--marka)}

/* ═══════════ FOOTER (kural 5: mobilde 2 blok) ═══════════ */
.alt{background:var(--koyu-yuzey);color:var(--koyu-yazi);margin-top:40px;padding:40px 0 0}
.alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:32px;padding-bottom:32px}
.alt h4{font-family:var(--d);color:#fff;font-size:.95rem;margin-bottom:13px;font-weight:700}
.alt ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.alt a:hover{color:#fff}
.alt-logo{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.alt p{font-size:.88rem;line-height:1.6;max-width:44ch}
.alt-kredi{border-top:1px solid var(--koyu-cizgi);padding:18px 0;display:flex;justify-content:space-between;
  align-items:center;gap:14px;flex-wrap:wrap;font-size:.83rem}
.alt-kredi a{color:#F0C98A;font-weight:700}
.alt-kredi a:hover{text-decoration:underline}

/* ═══════════ YUKARI ÇIK (kural 5) ═══════════ */
#yukari{position:fixed;right:18px;bottom:78px;width:48px;height:48px;border-radius:50%;background:var(--marka);
  color:#fff;display:grid;place-items:center;z-index:90;opacity:0;pointer-events:none;transition:.25s;
  box-shadow:0 8px 22px rgba(14,76,99,.4)}
#yukari.gorun{opacity:1;pointer-events:auto}
#yukari:hover{background:var(--marka2);transform:translateY(-3px)}

/* ═══════════ ÇEREZ BANDI (kural 4/9: ekranı kaplamaz) ═══════════ */
.cerez{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--koyu-yuzey);color:var(--koyu-yazi);
  padding:14px 0;box-shadow:0 -6px 24px rgba(0,0,0,.24);transform:translateY(101%);transition:transform .35s}
.cerez.gorun{transform:none}
.cerez .kap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cerez p{font-size:.86rem;flex:1;min-width:220px}
.cerez a{color:#F0C98A;text-decoration:underline}
.cerez-btn{display:flex;gap:8px}

/* ═══════════ 404 ═══════════ */
.hata{text-align:center;padding:80px 0}
.hata .kod{font-family:var(--d);font-weight:800;font-size:clamp(5rem,18vw,11rem);line-height:.9;
  color:var(--marka);opacity:.16;letter-spacing:-.04em}
.hata h1{font-family:var(--d);font-size:1.9rem;font-weight:800;margin:-20px 0 12px}

/* ═══════════ GALERİ ═══════════ */
.galeri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.galeri-kart{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--yuzey3)}
.galeri-kart img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeri-kart:hover img{transform:scale(1.06)}
.galeri-kart .ust-bilgi{position:absolute;inset:auto 0 0 0;padding:14px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.88));font-weight:600;font-size:.92rem}
.galeri-kart .sayi{position:absolute;top:10px;right:10px;background:rgba(8,13,18,.72);color:#fff;
  font-family:var(--m);font-size:.66rem;padding:4px 8px;border-radius:5px}

/* ═══════════ DUYARLI ═══════════ */
@media (max-width:1080px){
  .manset-izgara{grid-template-columns:1fr}
  .yan-liste{display:grid;grid-template-columns:repeat(2,1fr)}
  .iki-sutun{grid-template-columns:1fr}
  .kenar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .menu{display:none}
  .hamburger{display:grid}
  .bas-ic{height:64px}
  .ust .kap{gap:10px}
  .ust .gizle-mob{display:none}
  .kenar{grid-template-columns:1fr}
  .alt-izgara{grid-template-columns:1fr 1fr;gap:24px}  /* kural 5: mobilde 2 blok */
}
@media (max-width:620px){
  .yan-liste{grid-template-columns:1fr}
  .kat-ust{grid-template-columns:1fr}
  .kat-ust.mobil-kaydir{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .kat-ust.mobil-kaydir::-webkit-scrollbar{display:none}
  .kat-ust.mobil-kaydir>*{scroll-snap-align:start;flex:0 0 82%}
  .logo-ad{font-size:1.08rem}
  .logo-ad small{font-size:.52rem;letter-spacing:.16em}
  body{font-size:16px}                 /* kural 9: mobilde gövde ≥16px */
  .makale{padding:18px}
  #yukari{bottom:88px;right:14px}
  /* kural 9: dokunma hedefleri en az 48×48 */
  .ikon-btn{width:48px;height:48px}
  .mini-btn{min-height:48px;padding:10px 13px}
  .sos a{width:40px;height:40px}
}

/* ═══════════════════════════════════════════════════════════════════════
   ANASAYFA BLOK FORMATLARI  ·  Beyribey Bilişim  ·  07.08.2026
   Her kategori grubu farklı bir düzende sunulur (S-16 blok düzeni).
   Kural 25: tüm grid çocuklarında min-width:0, mobilde yatay taşma yok.
   Kural 9 : mobilde dokunma hedefleri ≥48px, gövde metni ≥16px.
   ═══════════════════════════════════════════════════════════════════════ */

/* Ortak kabuk — her formatın dış çerçevesi aynı, içi farklı */
.duzen{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:16px;border-top:4px solid var(--kat,var(--marka))}
.duzen>*{min-width:0}

/* Küçük liste satırı (resimli, tek satır) — birden çok formatta kullanılır */
.mini-liste{display:flex;flex-direction:column;gap:0}
.mini-satir{display:flex;gap:12px;align-items:flex-start;padding:11px 0;
  border-bottom:1px solid var(--cizgi);min-width:0}
.mini-satir:first-child{padding-top:0}
.mini-satir:last-child{border-bottom:none;padding-bottom:0}
.mini-satir img{width:92px;height:62px;object-fit:cover;border-radius:var(--r-s);
  flex:0 0 92px;background:var(--yuzey3)}
.mini-satir .ic{min-width:0}
.mini-satir h3{font-weight:700;font-size:.94rem;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mini-satir:hover h3{color:var(--marka)}
.mini-satir .zaman{font-family:var(--m);font-size:.62rem;color:var(--silik);margin-top:5px}

/* ── FORMAT 1 · SOLDA BÜYÜK + SAĞDA KÜÇÜK LİSTE ───────────────────── */
.duzen-solbuyuk{display:grid;grid-template-columns:1.25fr .95fr;gap:18px}
.duzen-solbuyuk .one-cikan{position:relative;border-radius:var(--r);overflow:hidden;
  aspect-ratio:4/3;display:block}
.duzen-solbuyuk .one-cikan img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.duzen-solbuyuk .one-cikan:hover img{transform:scale(1.04)}
.duzen-solbuyuk .one-cikan .ust-ic{position:absolute;inset:auto 0 0 0;padding:20px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.92))}
.duzen-solbuyuk .one-cikan h3{font-family:var(--d);font-weight:800;
  font-size:clamp(1.02rem,1.9vw,1.35rem);line-height:1.2;text-wrap:balance;margin-top:8px}

/* ── FORMAT 2 · SAĞDA BÜYÜK + SOLDA LİSTE (aynanın tersi) ─────────── */
.duzen-sagbuyuk{display:grid;grid-template-columns:.95fr 1.25fr;gap:18px}
.duzen-sagbuyuk .one-cikan{position:relative;border-radius:var(--r);overflow:hidden;
  aspect-ratio:4/3;display:block}
.duzen-sagbuyuk .one-cikan img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.duzen-sagbuyuk .one-cikan:hover img{transform:scale(1.04)}
.duzen-sagbuyuk .one-cikan .ust-ic{position:absolute;inset:auto 0 0 0;padding:20px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.92))}
.duzen-sagbuyuk .one-cikan h3{font-family:var(--d);font-weight:800;
  font-size:clamp(1.02rem,1.9vw,1.35rem);line-height:1.2;text-wrap:balance;margin-top:8px}

/* ── FORMAT 3 · DÖRTLÜ KART ────────────────────────────────────────── */
.duzen-dortlu{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.duzen-dortlu .kart h3{font-size:.92rem}

/* ── FORMAT 4 · İKİLİ BÜYÜK BLOK ───────────────────────────────────── */
.duzen-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.duzen-ikili .buyuk-kart{position:relative;border-radius:var(--r);overflow:hidden;
  aspect-ratio:16/10;display:block}
.duzen-ikili .buyuk-kart img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.duzen-ikili .buyuk-kart:hover img{transform:scale(1.05)}
.duzen-ikili .buyuk-kart .ust-ic{position:absolute;inset:auto 0 0 0;padding:18px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.9))}
.duzen-ikili .buyuk-kart h3{font-family:var(--d);font-weight:800;
  font-size:clamp(1rem,1.8vw,1.28rem);line-height:1.2;text-wrap:balance;margin-top:8px}

/* ── FORMAT 5 · YATAY KAYDIRMALI ŞERİT ─────────────────────────────── */
.duzen-serit{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.duzen-serit::-webkit-scrollbar{display:none}
.duzen-serit>*{scroll-snap-align:start;flex:0 0 clamp(210px,23%,260px);min-width:0}

/* ── FORMAT 6 · KARMA: 1 BÜYÜK ÜSTTE + 3 KART ALTTA ────────────────── */
.duzen-karma .genis{position:relative;border-radius:var(--r);overflow:hidden;
  aspect-ratio:21/8;display:block;margin-bottom:16px}
.duzen-karma .genis img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.duzen-karma .genis:hover img{transform:scale(1.03)}
.duzen-karma .genis .ust-ic{position:absolute;inset:auto 0 0 0;padding:22px;color:#fff;
  background:linear-gradient(transparent,rgba(8,13,18,.92))}
.duzen-karma .genis h3{font-family:var(--d);font-weight:800;
  font-size:clamp(1.1rem,2.3vw,1.6rem);line-height:1.16;text-wrap:balance;margin-top:8px}
.duzen-karma .uclu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.duzen-karma .uclu>*{min-width:0}

/* ═══════════ VİDEO BANDI — farklı (koyu) zemin ═══════════════════════
   Kural 24: --koyu-yuzey her iki temada da tanımlı olduğu için koyu temaya
   geçildiğinde bu bant da doğru renkte kalır, beyaz alan oluşmaz.         */
.video-bant{background:var(--koyu-yuzey);color:var(--koyu-yazi);
  padding:34px 0;margin:8px 0 30px;border-top:1px solid var(--koyu-cizgi);
  border-bottom:1px solid var(--koyu-cizgi)}
.video-bant .blok-bas h2{color:#fff}
.video-bant .blok-bas h2::before{background:var(--acil)}
.video-bant .blok-bas .tumu{color:var(--koyu-yazi)}
.video-bant .blok-bas .tumu:hover{color:#fff}
.video-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}
.video-izgara>*{min-width:0}
.video-kart{position:relative;border-radius:var(--r);overflow:hidden;display:block;
  aspect-ratio:16/9;background:#0B1015}
.video-kart img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:.4s}
.video-kart:hover img{opacity:1;transform:scale(1.04)}
.video-kart .oynat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:rgba(214,40,40,.92);
  display:grid;place-items:center;color:#fff;pointer-events:none;transition:.2s}
.video-kart:hover .oynat{transform:translate(-50%,-50%) scale(1.1)}
.video-kart .v-ic{position:absolute;inset:auto 0 0 0;padding:16px;color:#fff;
  background:linear-gradient(transparent,rgba(5,8,11,.94))}
.video-kart h3{font-weight:700;font-size:.95rem;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-kart.genis h3{font-family:var(--d);font-weight:800;font-size:clamp(1.05rem,2vw,1.4rem)}
.video-kart .sure{position:absolute;top:10px;right:10px;background:rgba(5,8,11,.82);color:#fff;
  font-family:var(--m);font-size:.62rem;padding:3px 7px;border-radius:5px}

/* ═══════════ MOBİL (kural 9 + kural 25) ═══════════════════════════════ */
@media (max-width:900px){
  .duzen-dortlu{grid-template-columns:1fr 1fr}
  .video-izgara{grid-template-columns:1fr 1fr}
  .video-izgara>*:first-child{grid-column:1 / -1}
}
@media (max-width:700px){
  /* Solda/sağda büyük düzenler mobilde alt alta gelir */
  .duzen-solbuyuk,.duzen-sagbuyuk{grid-template-columns:1fr}
  /* Ayna düzende büyük görsel mobilde yine üstte kalsın */
  .duzen-sagbuyuk .one-cikan{order:-1}
  .duzen-ikili{grid-template-columns:1fr}
  .duzen-karma .uclu{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:4px}
  .duzen-karma .uclu::-webkit-scrollbar{display:none}
  .duzen-karma .uclu>*{scroll-snap-align:start;flex:0 0 76%}
  .video-izgara{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:4px}
  .video-izgara::-webkit-scrollbar{display:none}
  .video-izgara>*{scroll-snap-align:start;flex:0 0 82%}
  .video-izgara>*:first-child{grid-column:auto}
  .video-bant{padding:26px 0}
  .mini-satir img{width:78px;height:54px;flex:0 0 78px}
  .mini-satir h3{font-size:1rem}          /* kural 9: mobilde gövde ≥16px */
  .duzen-serit>*{flex:0 0 74%}
}
@media (max-width:520px){
  .duzen-dortlu{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:4px}
  .duzen-dortlu::-webkit-scrollbar{display:none}
  .duzen-dortlu>*{scroll-snap-align:start;flex:0 0 76%}
}

/* ═══════════════════════════════════════════════════════════════════════
   KURAL 25 — TAŞMA ONARIMI  ·  Beyribey Bilişim  ·  07.08.2026
   İki sütun düzeninin çocuklarına min-width:0 verilmemişti. İçindeki
   yatay kaydırmalı şeritler (duzen-serit / video-izgara) sütunu genişletip
   mobilde bloğu 535px'e taşırıyor, overflow-x:clip de bunu KESİYORDU.
   ═══════════════════════════════════════════════════════════════════════ */
.iki-sutun>*,.kenar>*,.blok>*,.duzen-karma>*,.mini-liste>*,.video-bant>*{min-width:0}
.iki-sutun>div{min-width:0;max-width:100%}
.blok,.duzen,.kutu{max-width:100%}

/* KURAL 9 — dokunma hedefleri en az 48×48 */
@media (max-width:900px){
  /* Ust serit 38px yuksekliginde; 48px ikon oraya sigmaz ve serit tasar.
     Ayni sosyal baglantilar footer'da ve mobil cekmecede zaten var -
     orada tam boyutta gosteriliyor. */
  .ust .sos{display:none}
  .alt .sos a,.cekmece .sos a{width:48px;height:48px}
  .kutu label{min-height:48px}
  /* slider noktaları: görsel boyut küçük kalsın, dokunma alanı büyüsün */
  .noktalar button{padding:14px 6px;background-clip:content-box}
}

/* ═══════════════════════════════════════════════════════════════════════
   ANASAYFA BLOK DÜZENLERİ (S-16) + REKLAM YUVASI
   Blok düzeni panelden seçilir: 2ust1buyuk (varsayılan) · liste · izgara
   Kural 25: tüm ızgara/esnek çocuklara min-width:0, kapsayıcıya overflow-x:clip
   ═══════════════════════════════════════════════════════════════════════ */
.kat-liste,.kat-izgara{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:16px;overflow-x:clip}
.kat-liste>*,.kat-izgara>*{min-width:0}

/* düz liste */
.kat-liste{display:flex;flex-direction:column;gap:14px}
.liste-satir{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:start;
  padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
.liste-satir:last-child{border-bottom:none;padding-bottom:0}
.liste-satir>*{min-width:0}
.liste-satir img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
.liste-satir h3{font-family:var(--d);font-weight:700;font-size:1.02rem;line-height:1.3;margin-bottom:5px}
.liste-satir p{font-family:var(--g);color:var(--soluk);font-size:.88rem;line-height:1.5;margin-bottom:6px}
.liste-satir:hover h3{color:var(--marka)}

/* ızgara */
.kat-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

@media (max-width:900px){
  .kat-izgara{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .kat-izgara{grid-template-columns:1fr}
  .liste-satir{grid-template-columns:110px 1fr;gap:11px}
  .liste-satir p{display:none}
}

/* reklam yuvası — panelde o konuma reklam girilmediyse hiç basılmaz,
   boş çerçeve görünmez (mockup'taki gri kutu yalnız tasarım içindi) */
.reklam-yuva{display:block;margin:18px 0;text-align:center;overflow:hidden;border-radius:var(--r)}
.reklam-yuva img{width:100%;height:auto;border-radius:var(--r)}
.kenar .reklam-yuva{margin:0 0 18px}


/* ═══════════════════════════════════════════════════════════════════════
   ÜST BAR · MANŞET · BLOK DÜZENLERİ  —  Beyribey Bilişim
   Kural 25: her kapsayıcıda overflow-x:clip, ızgara çocuklarında min-width:0
   Kural 9 : dokunma hedefleri ≥48px, mobil gövde ≥16px
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. satır: logo + finans + hava + arama ── */
.bas-ic{gap:20px}
.logo{flex:0 0 auto;display:flex;align-items:center}
.logo img{height:46px;width:auto;display:block;border-radius:6px;background:#fff;padding:3px 6px}
.logo .logo-im-koyu{display:none}
[data-tema="koyu"] .logo .logo-im-acik{display:none}
[data-tema="koyu"] .logo .logo-im-koyu{display:block}
.alt-logo img{height:44px;width:auto;border-radius:6px;background:#fff;padding:4px 7px}

.finans{display:flex;align-items:center;gap:0;margin-left:12px;flex:1 1 auto;min-width:0;overflow:hidden}
.finans-oge{display:flex;align-items:center;gap:8px;padding:0 16px;border-left:1px solid var(--cizgi);white-space:nowrap}
.finans-oge:first-child{border-left:none}
.finans-oge.eski{opacity:.5}
.fn-ok{display:grid;place-items:center;flex:0 0 auto}
.fn-ok.yukari{color:var(--yesil)}
.fn-ok.asagi{color:var(--acil)}
.fn-ok.duz{color:var(--silik)}
.fn-yazi{display:flex;flex-direction:column;line-height:1.15}
.fn-yazi b{font-family:var(--d);font-weight:800;font-size:.82rem;letter-spacing:-.01em}
.fn-yazi span{font-family:var(--m);font-size:.8rem;color:var(--soluk)}

.hava{display:flex;align-items:center;gap:7px;padding:0 12px;color:var(--murekkep2);white-space:nowrap}
.hava svg{color:var(--marka2);flex:0 0 auto}
.hava span{font-size:.84rem}
.hava b{font-weight:800}

/* ── 2. satır: kategori menüsü ── */
.menu-serit{background:var(--yuzey);border-bottom:2px solid var(--marka);position:sticky;top:0;z-index:60}
.menu-ic{display:flex;align-items:center;gap:14px;height:48px;overflow:hidden}
.menu{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow:hidden;flex-wrap:nowrap;margin-left:0}
.menu a{flex:0 0 auto;padding:9px 12px;border-radius:var(--r-s);font-weight:700;font-size:.9rem;
  color:var(--murekkep2);white-space:nowrap;transition:background .15s,color .15s}
.menu a:hover{background:var(--yuzey2);color:var(--marka)}
.menu a.aktif{color:#fff;background:var(--marka)}
.menu a.gizli-tasma{display:none}
.menu-sos{flex:0 0 auto;display:flex;gap:6px}
.bas-ic[data-tasma="1"] .hamburger{display:grid}

/* ── ÜST ŞERİT (manşetin üstü) ── */
.ust-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;overflow-x:clip}
.ust-serit>*{min-width:0}
.serit-kart{display:flex;gap:11px;background:var(--yuzey);border:1px solid var(--cizgi);
  border-radius:var(--r);padding:10px;transition:.16s;align-items:flex-start}
.serit-kart:hover{border-color:var(--marka2);box-shadow:0 6px 20px -12px rgba(16,24,32,.4)}
.serit-im{flex:0 0 92px;border-radius:var(--r-s);overflow:hidden;aspect-ratio:4/3}
.serit-im img{width:100%;height:100%;object-fit:cover}
.serit-ic{min-width:0;display:flex;flex-direction:column;gap:4px}
.serit-et{display:inline-block;background:var(--acil);color:#fff;font-family:var(--m);font-size:.58rem;
  letter-spacing:.1em;padding:2px 6px;border-radius:4px;width:max-content}
.serit-ic h3{font-family:var(--d);font-weight:700;font-size:.92rem;line-height:1.28}
.serit-kart:hover h3{color:var(--marka)}

/* ── MANŞET ── */
.manset-izgara{display:grid;grid-template-columns:1.62fr 1fr;gap:16px;overflow-x:clip}
.manset-izgara>*{min-width:0}
.ana-slayt,.yan-slayt{position:relative;background:var(--yuzey);border-radius:var(--r-l);overflow:hidden}
.slayt-kutu{position:relative;width:100%;aspect-ratio:16/9;background:var(--yuzey3)}
.yan-slayt .slayt-kutu{aspect-ratio:4/3}
.slayt{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s}
.slayt.etkin{opacity:1;visibility:visible}
.slayt img{width:100%;height:100%;object-fit:cover}
.slayt-ic{position:absolute;inset:auto 0 0 0;padding:22px;color:#fff;
  background:linear-gradient(transparent,rgba(8,14,20,.5) 40%,rgba(8,14,20,.9))}
.slayt-ic h2{font-family:var(--d);font-weight:800;font-size:clamp(1.15rem,2.3vw,1.9rem);line-height:1.16;
  letter-spacing:-.02em;margin:8px 0 6px}
.slayt-ic h3{font-family:var(--d);font-weight:700;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.25;margin-top:6px}
.slayt-ic p{font-family:var(--g);font-size:.92rem;color:#D6E0E8;max-width:60ch}
.slayt-meta{font-family:var(--m);font-size:.68rem;color:#9FB4C4;margin-top:8px}
.rozet.kirmizi{background:var(--acil);color:#fff}

/* numaralı şerit — fare üzerine gelince haber değişir */
.slayt-sayilar{display:flex;flex-wrap:wrap;gap:2px;background:var(--koyu-yuzey);padding:4px}
.sy-no{flex:1 1 auto;min-width:34px;min-height:34px;display:grid;place-items:center;
  font-family:var(--m);font-size:.78rem;font-weight:700;color:#B6C3D0;background:transparent;
  border-radius:4px;transition:.14s;cursor:pointer}
.sy-no:hover{background:#25323F;color:#fff}
.sy-no.etkin{background:var(--acil);color:#fff}
.sy-tumu{background:#25323F;color:#fff}

/* yan slayt: oklar + noktalar */
.slayt-ok{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;
  background:rgba(8,14,20,.55);color:#fff;display:grid;place-items:center;z-index:3;transition:.15s}
.slayt-ok:hover{background:var(--marka)}
.slayt-ok.sol{left:10px}
.slayt-ok.sag{right:10px}
.slayt-noktalar{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:3}
.nokta{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);transition:.15s;cursor:pointer;
  position:relative}
.nokta.etkin{background:#fff;transform:scale(1.25)}
.nokta::after{content:"";position:absolute;width:28px;height:28px;left:50%;top:50%;transform:translate(-50%,-50%)}

/* ── BLOK TEMALARI (panelden seçilir) ── */
.blok.zeminli .kat-blok,.blok.zeminli .kat-liste,.blok.zeminli .kat-izgara,
.blok.zeminli .kat-ikili,.blok.zeminli .kat-serit,.blok.zeminli .kat-basliklar,
.blok.zeminli .kat-buyuk-yan{background:var(--blok-zemin)}
.blok-tema-koyu .blok-bas h2{color:#E6EDF4}
.blok-tema-koyu .kat-blok,.blok-tema-koyu .kat-liste,.blok-tema-koyu .kat-izgara,
.blok-tema-koyu .kat-ikili,.blok-tema-koyu .kat-serit,.blok-tema-koyu .kat-basliklar,
.blok-tema-koyu .kat-buyuk-yan{background:var(--koyu-yuzey);border-color:var(--koyu-cizgi)}
.blok-tema-koyu h3,.blok-tema-koyu .baslik-satir b{color:#E6EDF4}
.blok-tema-koyu .zaman,.blok-tema-koyu p{color:var(--koyu-yazi)}
.blok-tema-renkli .kat-blok,.blok-tema-renkli .kat-liste,.blok-tema-renkli .kat-izgara,
.blok-tema-renkli .kat-ikili,.blok-tema-renkli .kat-serit,.blok-tema-renkli .kat-basliklar,
.blok-tema-renkli .kat-buyuk-yan{background:color-mix(in srgb,var(--kat) 8%,var(--yuzey));
  border-color:color-mix(in srgb,var(--kat) 26%,var(--cizgi))}
.blok-tema-sade .kat-blok,.blok-tema-sade .kat-liste,.blok-tema-sade .kat-izgara,
.blok-tema-sade .kat-ikili,.blok-tema-sade .kat-serit,.blok-tema-sade .kat-basliklar,
.blok-tema-sade .kat-buyuk-yan{background:transparent;border:none;padding-left:0;padding-right:0}

/* ── YENİ BLOK DÜZENLERİ ── */
.kat-ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--r-l);padding:16px;overflow-x:clip}
.kat-ikili>*{min-width:0}
.ikili-kart{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;display:block}
.ikili-kart img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ikili-kart:hover img{transform:scale(1.05)}
.ikili-ic{position:absolute;inset:auto 0 0 0;padding:16px;color:#fff;
  background:linear-gradient(transparent,rgba(8,14,20,.88))}
.ikili-ic h3{font-family:var(--d);font-weight:800;font-size:1.05rem;line-height:1.22;margin-top:7px}
.ikili-ic .zaman{color:#A9BCC9}

.kat-serit{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:16px;scrollbar-width:thin}
.kat-serit>*{flex:0 0 240px;scroll-snap-align:start;min-width:0}
.kat-serit::-webkit-scrollbar{height:6px}
.kat-serit::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}

.kat-basliklar{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:8px 16px;overflow-x:clip}
.baslik-satir{display:flex;gap:13px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--cizgi);min-height:48px}
.baslik-satir:last-child{border-bottom:none}
.bs-no{font-family:var(--d);font-weight:800;font-size:1.05rem;color:var(--kat);flex:0 0 24px;
  font-variant-numeric:tabular-nums}
.bs-yazi{min-width:0;display:flex;flex-direction:column;gap:3px}
.bs-yazi b{font-family:var(--d);font-weight:700;font-size:1rem;line-height:1.3}
.baslik-satir:hover b{color:var(--marka)}

.kat-buyuk-yan{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--r-l);padding:16px;overflow-x:clip}
.kat-buyuk-yan>*{min-width:0}
.by-buyuk{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;display:block}
.by-buyuk img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.by-buyuk:hover img{transform:scale(1.04)}
.by-ic{position:absolute;inset:auto 0 0 0;padding:18px;color:#fff;
  background:linear-gradient(transparent,rgba(8,14,20,.9))}
.by-ic h3{font-family:var(--d);font-weight:800;font-size:1.12rem;line-height:1.2;margin:7px 0 5px}
.by-ic p{font-family:var(--g);font-size:.85rem;color:#CBD8E2}
.by-liste{display:flex;flex-direction:column;gap:12px}
.by-satir{display:flex;gap:11px;align-items:flex-start;min-height:48px}
.by-satir img{flex:0 0 84px;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-s)}
.by-satir span{min-width:0;display:flex;flex-direction:column;gap:3px}
.by-satir b{font-family:var(--d);font-weight:700;font-size:.9rem;line-height:1.27}
.by-satir:hover b{color:var(--marka)}

/* ── DUYARLI ── */
@media (max-width:1180px){
  .finans-oge{padding:0 11px}
  .fn-yazi b{font-size:.76rem}
  .menu a{padding:9px 9px;font-size:.86rem}
}
@media (max-width:1000px){
  .manset-izgara{grid-template-columns:1fr}
  .ust-serit{grid-template-columns:repeat(2,1fr)}
  .kat-buyuk-yan{grid-template-columns:1fr}
}
@media (max-width:860px){
  .finans{display:none}
  .hava{padding:0 6px}
  .hava span{font-size:.8rem}
  .menu{display:none}
  .menu-serit .menu-sos{margin-left:auto}
  .hamburger{display:grid}
  .kat-ikili{grid-template-columns:1fr}
}
@media (max-width:620px){
  .ust-serit{grid-template-columns:1fr;gap:10px}
  .serit-im{flex:0 0 104px}
  .slayt-ic{padding:14px}
  .sy-no{min-width:30px;min-height:44px}
  .kat-serit>*{flex:0 0 78%}
  .hava span{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════
   KATEGORİ SAYFASI · YORUMLAR · HABER AKIŞI  —  Beyribey Bilişim
   ═══════════════════════════════════════════════════════════════════════ */

/* ── kategori başlığı ── */
.kat-baslik{border-left:5px solid var(--kat);padding:4px 0 4px 16px;margin:18px 0 20px}
.kat-baslik h1{font-family:var(--d);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em}
.kat-baslik p{font-family:var(--g);color:var(--soluk);margin-top:6px;max-width:70ch}
.kat-sayi{display:inline-block;font-family:var(--m);font-size:.68rem;color:var(--silik);margin-top:6px}
.bos-uyari{padding:40px 0;color:var(--soluk);text-align:center}

/* ── öne çıkan haber ── */
.kat-one{display:block;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  overflow:hidden;margin-bottom:20px;transition:.18s}
.kat-one:hover{border-color:var(--marka2);box-shadow:0 10px 34px -20px rgba(16,24,32,.5)}
.kat-one-im{aspect-ratio:21/9;overflow:hidden;background:var(--yuzey3)}
.kat-one-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kat-one:hover .kat-one-im img{transform:scale(1.03)}
.kat-one-ic{padding:18px 20px 20px}
.kat-one-ic h2{font-family:var(--d);font-weight:800;font-size:clamp(1.15rem,2.2vw,1.6rem);
  line-height:1.2;letter-spacing:-.02em;margin:9px 0 8px}
.kat-one-ic p{font-family:var(--g);color:var(--soluk);line-height:1.6;max-width:75ch}

/* ── liste satırları ── */
.kat-akis{display:flex;flex-direction:column}
.kl-satir{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:18px 0;
  border-bottom:1px solid var(--cizgi);overflow-x:clip}
.kl-satir>*{min-width:0}
.kl-satir:first-child{padding-top:0}
.kl-im{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:var(--yuzey3)}
.kl-im img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.kl-satir:hover .kl-im img{transform:scale(1.04)}
.kl-ic{display:flex;flex-direction:column;gap:7px;justify-content:center}
.kl-ic h3{font-family:var(--d);font-weight:700;font-size:1.16rem;line-height:1.28;letter-spacing:-.01em}
.kl-satir:hover h3{color:var(--marka)}
.kl-ic p{font-family:var(--g);color:var(--soluk);font-size:.94rem;line-height:1.6}

/* ── daha fazla ── */
.daha-fazla-kap{display:flex;justify-content:center;padding:26px 0}
.daha-fazla{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 30px;
  border:1px solid var(--cizgi);border-radius:99px;background:var(--yuzey);font-weight:700;
  font-size:.95rem;color:var(--murekkep2);transition:.16s}
.daha-fazla:hover{background:var(--marka);border-color:var(--marka);color:#fff}
.daha-fazla[aria-busy="true"]{opacity:.6;pointer-events:none}
.sayfa-baglari{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.mini-btn.aktif{background:var(--marka);color:#fff;border-color:var(--marka)}

/* ── haber detay ekleri ── */
.makale-kapak{margin:18px 0}
.makale-kapak img{width:100%;border-radius:var(--r);display:block}
.makale-kapak figcaption{font-family:var(--m);font-size:.72rem;color:var(--silik);padding-top:7px}
.kaynak-satir{font-family:var(--m);font-size:.74rem;color:var(--silik);margin-top:16px}
.paylas{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}

/* ── yorumlar ── */
.yorumlar{margin-top:34px}
.yorum-say{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:99px;
  background:var(--marka);color:#fff;font-family:var(--m);font-size:.74rem;margin-left:8px}
.yorum-bilgi{padding:12px 15px;border-radius:var(--r-s);margin:14px 0;font-size:.92rem;border-left:4px solid}
.yorum-bilgi.iyi{background:rgba(23,114,69,.09);border-color:var(--yesil);color:var(--yesil)}
.yorum-bilgi.kotu{background:var(--acil-yumusak);border-color:var(--acil);color:var(--acil)}
.yorum-bos{color:var(--soluk);padding:18px 0;font-family:var(--g)}
.yorum-liste{display:flex;flex-direction:column;gap:16px;margin:16px 0 26px}
.yorum{background:var(--yuzey2);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px}
.yorum-bas{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.yorum-av{width:30px;height:30px;border-radius:50%;background:var(--marka);color:#fff;display:grid;
  place-items:center;font-weight:700;font-size:.82rem;flex:0 0 30px}
.yorum-bas b{font-size:.92rem}
.yorum p{font-family:var(--g);line-height:1.65;color:var(--murekkep2)}
.yorum-yanitlar{margin:12px 0 0 20px;padding-left:14px;border-left:2px solid var(--cizgi);
  display:flex;flex-direction:column;gap:12px}

.yorum-form{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:18px}
.yorum-form .alan{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.yorum-form label{font-size:.85rem;font-weight:600;color:var(--murekkep2)}
.yorum-form .ip{font-weight:400;color:var(--silik);font-size:.76rem}
.yorum-form .gir{width:100%;padding:11px 13px;border:1px solid var(--cizgi);border-radius:var(--r-s);
  background:var(--yuzey);font-size:1rem;min-height:48px;font-family:inherit;color:inherit}
.yorum-form .gir:focus{outline:none;border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-yumusak)}
.yorum-form textarea.gir{min-height:110px;resize:vertical}
.yf-satir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.yf-satir>*{min-width:0}
.yf-alt{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.yf-not{font-size:.78rem;color:var(--silik);max-width:46ch;line-height:1.5}

/* ── ilgili haberler ── */
.ilgili{margin-top:34px}
.ilgili-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-x:clip}
.ilgili-izgara>*{min-width:0}

/* ── önceki / sonraki ── */
.haber-gezinme{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.haber-gezinme>*{min-width:0}
.haber-gezinme a{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:var(--yuzey);
  border:1px solid var(--cizgi);border-radius:var(--r);min-height:48px;transition:.16s}
.haber-gezinme a:hover{border-color:var(--marka2)}
.haber-gezinme span{font-family:var(--m);font-size:.68rem;color:var(--silik);letter-spacing:.08em}
.haber-gezinme b{font-family:var(--d);font-weight:700;font-size:.94rem;line-height:1.3}
.hg-sonraki{text-align:right}

/* ── sonsuz akış ── */
.akis-nokta{display:flex;align-items:center;justify-content:center;gap:11px;padding:34px 0;
  color:var(--soluk);font-size:.9rem}
.akis-donen{width:20px;height:20px;border:2px solid var(--cizgi);border-top-color:var(--marka);
  border-radius:50%;animation:akis-don .8s linear infinite}
@keyframes akis-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.akis-donen{animation:none}}
.haber-akis-oge+.haber-akis-oge{border-top:8px solid var(--yuzey3);padding-top:26px;margin-top:26px}

/* ── duyarlı ── */
@media (max-width:900px){
  .ilgili-izgara{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .kl-satir{grid-template-columns:132px 1fr;gap:12px;padding:14px 0}
  .kl-ic h3{font-size:1rem}
  .kl-ic p{display:none}
  .ilgili-izgara{grid-template-columns:1fr}
  .yf-satir{grid-template-columns:1fr}
  .haber-gezinme{grid-template-columns:1fr}
  .hg-sonraki{text-align:left}
  .kat-one-im{aspect-ratio:16/9}
}

/* ═══════════════════════════════════════════════════════════════════════
   DÜZELTMELER: kategori yüzeyi · paylaş butonları · manşet numara şeridi
   ve GÖSTERİŞLİ ÇEKMECE MENÜ  ·  Beyribey Bilişim
   ═══════════════════════════════════════════════════════════════════════ */

/* ── kategori listesi artık zeminde değil, kendi yüzeyinde ── */
.kat-akis{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:6px 20px;overflow-x:clip}
.kl-satir:last-child{border-bottom:none}
.kl-satir:first-child{padding-top:18px}
/* öne çıkan kartın alt bölümü zeminden ayrışsın */
.kat-one-ic{padding:18px 20px 20px;background:var(--yuzey);border-top:3px solid var(--kat,var(--marka))}
[data-tema="koyu"] .kat-one-ic{background:var(--yuzey)}

/* ── mini düğmeler görünür olsun (eskiden zeminsizdi, beyaz üstünde kayboluyordu) ── */
.mini-btn{background:var(--yuzey2);color:var(--murekkep2)}
.mini-btn:hover{background:var(--marka);color:#fff;border-color:var(--marka)}

/* ── paylaşım butonları: kendi marka renkleriyle ── */
.paylas{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:24px;
  padding-top:18px;border-top:1px solid var(--cizgi)}
.paylas-et{font-family:var(--m);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--silik);margin-right:2px}
.pay-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:8px;
  font-size:.85rem;font-weight:700;color:#fff;border:1px solid transparent;transition:.15s;cursor:pointer}
.pay-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.pay-btn svg{flex:0 0 auto}
.pay-btn.wa{background:#25D366}
.pay-btn.x{background:#0F1419}
.pay-btn.fb{background:#1877F2}
.pay-btn.kopya{background:var(--yuzey2);color:var(--murekkep2);border-color:var(--cizgi)}
.pay-btn.kopya:hover{background:var(--marka);color:#fff;border-color:var(--marka)}
[data-tema="koyu"] .pay-btn.x{background:#2B3540}

/* ── manşet numara şeridi: tek satır, sayfa sayfa ── */
.sayi-serit{display:flex;align-items:stretch;background:var(--koyu-yuzey)}
.slayt-sayilar{display:flex;flex-wrap:nowrap;gap:2px;padding:4px;flex:1 1 auto;min-width:0;overflow:hidden}
.sy-no{flex:0 0 auto;min-width:38px;min-height:36px;padding:0 6px;display:grid;place-items:center;
  font-family:var(--m);font-size:.78rem;font-weight:700;color:#B6C3D0;background:transparent;
  border-radius:4px;transition:.14s;cursor:pointer}
.sy-no:hover{background:#25323F;color:#fff}
.sy-no.etkin{background:var(--acil);color:#fff}
.sy-no.gizli-sayfa{display:none}
.sy-ok{flex:0 0 34px;display:grid;place-items:center;background:#1A242F;color:#B6C3D0;
  font-size:1.1rem;font-weight:700;transition:.14s;cursor:pointer}
.sy-ok:hover{background:var(--marka);color:#fff}
.sy-ok[hidden]{display:none}

/* ═══════════════════════════════════════════════════════════════════════
   ÇEKMECE MENÜ — gösterişli sürüm
   ═══════════════════════════════════════════════════════════════════════ */
.cekmece{position:fixed;inset:0 0 0 auto;width:min(92vw,420px);background:var(--yuzey);z-index:210;
  transform:translateX(101%);transition:transform .3s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(8,14,20,.28)}
.cekmece.acik{transform:none}
.cekmece-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;
  background:linear-gradient(135deg,var(--marka),var(--marka2));color:#fff;flex:0 0 auto}
.cekmece-bas img{height:40px;width:auto;background:#fff;border-radius:6px;padding:3px 6px}
.cekmece-bas .ikon-btn{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.12)}
.cekmece-bas .ikon-btn:hover{background:rgba(255,255,255,.24);color:#fff}
.cekmece-govde{flex:1 1 auto;overflow-y:auto;padding:16px 18px 24px}

.cek-ara{display:flex;gap:8px;margin-bottom:18px}
.cek-ara input{flex:1 1 auto;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--cizgi);
  border-radius:10px;background:var(--yuzey2);font-size:1rem;color:inherit}
.cek-ara input:focus{outline:none;border-color:var(--marka);box-shadow:0 0 0 3px var(--marka-yumusak)}
.cek-ara button{flex:0 0 48px;min-height:48px;border-radius:10px;background:var(--marka);color:#fff;
  display:grid;place-items:center}

.cek-baslik{font-family:var(--m);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--silik);margin:20px 0 10px;display:flex;align-items:center;gap:10px}
.cek-baslik::after{content:"";flex:1;height:1px;background:var(--cizgi)}
.cek-baslik:first-child{margin-top:0}

/* kategoriler ızgarası — renk noktalı kartlar */
.cek-kategoriler{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cek-kategoriler>*{min-width:0}
.cek-kat{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px;border-radius:10px;
  background:var(--yuzey2);border:1px solid var(--cizgi);font-weight:600;font-size:.9rem;transition:.15s}
.cek-kat:hover{background:var(--marka-yumusak);border-color:var(--marka2);color:var(--marka);transform:translateX(2px)}
.cek-nokta{width:9px;height:9px;border-radius:50%;background:var(--kat,var(--marka));flex:0 0 9px}
.cek-kat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.cek-baglar{display:flex;flex-direction:column;gap:4px}
.cek-bag{display:flex;align-items:center;gap:11px;min-height:48px;padding:0 12px;border-radius:10px;
  font-weight:600;font-size:.94rem;transition:.15s}
.cek-bag:hover{background:var(--yuzey2);color:var(--marka)}
.cek-bag svg{color:var(--marka);flex:0 0 auto}

.cek-alt{flex:0 0 auto;border-top:1px solid var(--cizgi);padding:14px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--yuzey2)}
.cek-alt .sos{display:flex;gap:8px}
.cek-alt .sos a{width:44px;height:44px;border-radius:10px;background:var(--yuzey);border:1px solid var(--cizgi);
  display:grid;place-items:center;color:var(--murekkep2);transition:.15s}
.cek-alt .sos a:hover{background:var(--marka);border-color:var(--marka);color:#fff}

@media (max-width:520px){
  .cek-kategoriler{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════════════════
   FOTO GALERİ · VİDEO GALERİ · ANASAYFA MEDYA BLOKLARI
   Beyribey Bilişim
   ═══════════════════════════════════════════════════════════════════════ */

/* ── modül başlığı (galeri/video liste sayfaları) ── */
.modul-baslik{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r-l);
  color:#fff;margin:18px 0 20px;overflow-x:clip}
.modul-baslik>*{min-width:0}
.modul-baslik.foto{background:linear-gradient(135deg,#B3261E,#D6382E)}
.modul-baslik.video{background:linear-gradient(135deg,#0E4C63,#1B7FA8)}
.mb-ikon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);
  display:grid;place-items:center;flex:0 0 44px}
.modul-baslik h1{font-family:var(--d);font-weight:800;font-size:clamp(1.3rem,2.6vw,1.8rem);letter-spacing:-.02em}
.modul-baslik p{color:rgba(255,255,255,.82);font-size:.9rem;margin-top:2px}
.mb-sayi{margin-left:auto;font-family:var(--m);font-size:.7rem;background:rgba(255,255,255,.16);
  padding:6px 12px;border-radius:99px;flex:0 0 auto}

/* ── foto galeri listesi ── */
.galeri-izgara-buyuk{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;overflow-x:clip}
.galeri-izgara-buyuk>*{min-width:0}
.gal-kart{display:block;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  overflow:hidden;transition:.18s}
.gal-kart:hover{border-color:#D6382E;box-shadow:0 12px 34px -22px rgba(179,38,30,.7);transform:translateY(-2px)}
.gal-im{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--yuzey3)}
.gal-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gal-kart:hover .gal-im img{transform:scale(1.05)}
.gal-adet{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;
  background:rgba(10,16,22,.78);color:#fff;font-family:var(--m);font-size:.7rem;padding:5px 9px;border-radius:99px}
.gal-ic{padding:13px 15px 15px}
.gal-ic h3{font-family:var(--d);font-weight:700;font-size:1rem;line-height:1.3}
.gal-kart:hover h3{color:#B3261E}

/* ── foto görüntüleyici ── */
.foto-goruntule{margin:18px 0 26px}
.fg-baslik{font-family:var(--d);font-weight:800;font-size:clamp(1.2rem,2.6vw,1.75rem);
  line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}
.fg-sahne{position:relative;background:#0B1015;border-radius:var(--r-l);overflow:hidden;
  display:grid;place-items:center;min-height:320px}
.fg-resim{width:100%;display:grid;place-items:center}
.fg-resim img{max-width:100%;max-height:74vh;width:auto;height:auto;display:block}
.fg-ok{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;z-index:3;transition:.16s;
  backdrop-filter:blur(4px)}
.fg-ok:hover{background:#B3261E}
.fg-ok.sol{left:14px}
.fg-ok.sag{right:14px}
.fg-sayac{position:absolute;right:14px;top:14px;background:rgba(10,16,22,.72);color:#fff;
  font-family:var(--m);font-size:.78rem;padding:6px 12px;border-radius:99px}
.fg-sayac b{color:#FF6B5E}
.fg-alt{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:16px 2px 0}
.fg-aciklama{flex:1 1 320px;font-family:var(--g);color:var(--soluk);line-height:1.65;min-width:0}
.fg-arac{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fg-serit{display:flex;gap:9px;overflow-x:auto;padding:16px 0 6px;scrollbar-width:thin}
.fg-serit::-webkit-scrollbar{height:6px}
.fg-serit::-webkit-scrollbar-thumb{background:var(--cizgi);border-radius:99px}
.fg-kucuk{flex:0 0 92px;height:64px;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:.15s}
.fg-kucuk img{width:100%;height:100%;object-fit:cover}
.fg-kucuk:hover{border-color:var(--marka2)}
.fg-kucuk.etkin{border-color:#B3261E}

/* ── video listesi ── */
.video-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;overflow-x:clip}
.video-izgara>*{min-width:0}
.vid-kart{display:block;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  overflow:hidden;transition:.18s}
.vid-kart:hover{border-color:var(--marka2);box-shadow:0 12px 34px -22px rgba(14,76,99,.7);transform:translateY(-2px)}
.vid-im{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--yuzey3)}
.vid-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vid-kart:hover .vid-im img{transform:scale(1.05)}
.vid-oynat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;
  border-radius:50%;background:rgba(14,76,99,.86);color:#fff;display:grid;place-items:center;transition:.16s}
.vid-kart:hover .vid-oynat{background:var(--marka2);transform:translate(-50%,-50%) scale(1.08)}
.vid-sure{position:absolute;right:9px;bottom:9px;background:rgba(10,16,22,.82);color:#fff;
  font-family:var(--m);font-size:.7rem;padding:3px 8px;border-radius:5px}
.vid-ic{padding:13px 15px 15px}
.vid-ic h3{font-family:var(--d);font-weight:700;font-size:1rem;line-height:1.3}
.vid-kart:hover h3{color:var(--marka)}

/* ── video oynatıcı ── */
.vid-sahne{position:relative;aspect-ratio:16/9;background:#0B1015;border-radius:var(--r-l);overflow:hidden}
.vid-sahne iframe,.vid-sahne video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-yok{display:grid;place-items:center;height:100%;color:#8AA0B0;font-size:.95rem}

/* ═══ ANASAYFA MEDYA BLOKLARI — foto KIRMIZI, video MAVİ ═══ */
.medya-blok{border-radius:var(--r-l);padding:20px;margin-bottom:22px;overflow-x:clip}
.medya-blok>*{min-width:0}
.medya-blok.foto{background:linear-gradient(140deg,#8E1D17,#C43127 55%,#D6382E)}
.medya-blok.video{background:linear-gradient(140deg,#0A3A4C,#12617E 55%,#1B7FA8)}
.mb-bas{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#fff}
.mb-bas h2{font-family:var(--d);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.mb-bas .mb-ikon{width:38px;height:38px;flex:0 0 38px;border-radius:10px}
.mb-tumu{margin-left:auto;font-family:var(--m);font-size:.7rem;letter-spacing:.1em;color:#fff;
  background:rgba(255,255,255,.16);padding:8px 14px;border-radius:99px;min-height:36px;
  display:inline-flex;align-items:center;transition:.15s}
.mb-tumu:hover{background:rgba(255,255,255,.3)}
.mb-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mb-izgara>*{min-width:0}
.mb-kart{display:block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r);overflow:hidden;transition:.18s}
.mb-kart:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}
.mb-im{position:relative;aspect-ratio:4/3;overflow:hidden;background:rgba(0,0,0,.2)}
.mb-im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mb-kart:hover .mb-im img{transform:scale(1.06)}
.mb-rozet{position:absolute;right:8px;bottom:8px;background:rgba(10,16,22,.8);color:#fff;
  font-family:var(--m);font-size:.64rem;padding:3px 8px;border-radius:99px}
.mb-oynat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;
  border-radius:50%;background:rgba(255,255,255,.9);color:#0E4C63;display:grid;place-items:center}
.mb-kart h3{padding:11px 12px 13px;font-family:var(--d);font-weight:700;font-size:.9rem;
  line-height:1.28;color:#fff}

/* ── duyarlı ── */
@media (max-width:1000px){
  .galeri-izgara-buyuk,.video-izgara{grid-template-columns:repeat(2,1fr)}
  .mb-izgara{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .galeri-izgara-buyuk,.video-izgara{grid-template-columns:1fr}
  .mb-izgara{grid-template-columns:1fr 1fr;gap:10px}
  .fg-ok{width:44px;height:44px}
  .fg-ok.sol{left:8px}
  .fg-ok.sag{right:8px}
  .fg-resim img{max-height:56vh}
  .modul-baslik{padding:14px 16px;gap:11px}
  .mb-sayi{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════
   BLOK DÜZENLERİ — örnek haber sitesi kalıpları  ·  Beyribey Bilişim
   Ortak kural: görsel kartın İÇİNDE, başlık ve spot ALTINDA. Dev görselin
   üstüne yazı bindirilmez. Kural 25: min-width:0 + overflow-x:clip.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── blok başlığı: kalın başlık + kısa kırmızı çizgi ── */
.blok{margin-bottom:30px}
.blok>.blok-bas{display:flex;align-items:flex-end;gap:14px;padding:0 0 10px;margin-bottom:16px;
  border-bottom:1px solid var(--cizgi);position:relative}
.blok>.blok-bas h2{font-family:var(--d);font-weight:800;font-size:1.22rem;letter-spacing:-.02em;
  color:var(--murekkep);line-height:1}
.blok>.blok-bas::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:3px;
  background:var(--kat,var(--acil));border-radius:2px}
.blok>.blok-bas .tumu{margin-left:auto;font-family:var(--m);font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--soluk);white-space:nowrap}
.blok>.blok-bas .tumu:hover{color:var(--marka)}

/* ── ortak kart parçaları ── */
.bk-im{display:block;border-radius:var(--r);overflow:hidden;background:var(--yuzey3);aspect-ratio:16/9}
.bk-im img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.bk-buyuk:hover .bk-im img,.bk-kucuk:hover .bk-im img{transform:scale(1.04)}

.bk-buyuk{display:block;min-width:0}
.bk-buyuk h3{font-family:var(--d);font-weight:800;font-size:clamp(1.08rem,1.9vw,1.42rem);
  line-height:1.22;letter-spacing:-.02em;margin:12px 0 7px;color:var(--murekkep)}
.bk-buyuk p{font-family:var(--g);color:var(--soluk);font-size:.95rem;line-height:1.55}
.bk-buyuk:hover h3{color:var(--marka)}

.bk-kucuk{display:block;min-width:0}
.bk-kucuk h3{font-family:var(--d);font-weight:700;font-size:.98rem;line-height:1.3;
  margin-top:10px;color:var(--murekkep)}
.bk-kucuk:hover h3{color:var(--marka)}

/* ── 1) solda büyük + sağda 2×2 ── */
.kat-buyuk-sag4{display:grid;grid-template-columns:1.32fr 1fr;gap:24px;overflow-x:clip}
.kat-buyuk-sag4>*{min-width:0}
.bs4-izgara{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;align-content:start}
.bs4-izgara>*{min-width:0}

/* ── 2) sol 2 · orta büyük · sağ 2 ── */
.kat-uclu{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:22px;overflow-x:clip}
.kat-uclu>*{min-width:0}
.uc-yan{display:flex;flex-direction:column;gap:20px}
.uc-yan>*{min-width:0}
.uc-orta{min-width:0}

/* ── 3) dörtlü kart sırası ── */
.kat-dortlu{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;overflow-x:clip}
.kat-dortlu>*{min-width:0}

/* ── 4) görselsiz başlık ızgarası ── */
.kat-metin{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px;overflow-x:clip}
.kat-metin>*{min-width:0}
.mt-oge{display:block;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.mt-oge h3{font-family:var(--d);font-weight:700;font-size:1.02rem;line-height:1.32;color:var(--murekkep)}
.mt-oge:hover h3{color:var(--marka)}
.mt-et{display:inline-block;margin-top:8px;font-family:var(--m);font-size:.64rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--silik)}

/* ── izgara/şerit düzenleri yeni kartlarla ── */
.kat-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 20px;
  background:transparent;border:none;padding:0;overflow-x:clip}
.kat-izgara>*{min-width:0}
.kat-serit{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;
  background:transparent;border:none;padding:0 0 8px;scrollbar-width:thin}
.kat-serit>*{flex:0 0 250px;scroll-snap-align:start;min-width:0}

/* ── liste/başlıklar: çerçeveyi kaldır, sayfayla aynı zeminde dursun ── */
.kat-liste,.kat-basliklar{background:transparent;border:none;padding:0;overflow-x:clip}
.kat-liste{display:flex;flex-direction:column;gap:0}
.liste-satir{padding:16px 0}
.liste-satir:first-child{padding-top:0}

/* ── blok temaları yeni kaplara da uygulansın ── */
.blok.zeminli .kat-buyuk-sag4,.blok.zeminli .kat-uclu,.blok.zeminli .kat-dortlu,
.blok.zeminli .kat-metin,.blok.zeminli .kat-izgara,.blok.zeminli .kat-liste,
.blok.zeminli .kat-serit,.blok.zeminli .kat-basliklar{
  background:var(--blok-zemin);border-radius:var(--r-l);padding:18px}
.blok-tema-koyu .kat-buyuk-sag4,.blok-tema-koyu .kat-uclu,.blok-tema-koyu .kat-dortlu,
.blok-tema-koyu .kat-metin,.blok-tema-koyu .kat-izgara,.blok-tema-koyu .kat-liste,
.blok-tema-koyu .kat-serit,.blok-tema-koyu .kat-basliklar{
  background:var(--koyu-yuzey);border-radius:var(--r-l);padding:18px}
.blok-tema-koyu .bk-buyuk h3,.blok-tema-koyu .bk-kucuk h3,.blok-tema-koyu .mt-oge h3,
.blok-tema-koyu .blok-bas h2{color:#E6EDF4}
.blok-tema-koyu .bk-buyuk p,.blok-tema-koyu .zaman{color:var(--koyu-yazi)}
.blok-tema-koyu .mt-oge{border-color:var(--koyu-cizgi)}
.blok-tema-renkli .kat-buyuk-sag4,.blok-tema-renkli .kat-uclu,.blok-tema-renkli .kat-dortlu,
.blok-tema-renkli .kat-metin,.blok-tema-renkli .kat-izgara,.blok-tema-renkli .kat-liste,
.blok-tema-renkli .kat-serit,.blok-tema-renkli .kat-basliklar{
  background:color-mix(in srgb,var(--kat) 7%,var(--yuzey));border-radius:var(--r-l);padding:18px}

/* ── kategori sayfası başlığı: çerçeveli kart ── */
.kat-baslik{display:flex;align-items:center;gap:16px;background:var(--yuzey);
  border:1px solid var(--cizgi);border-left:5px solid var(--kat);border-radius:var(--r-l);
  padding:18px 22px;margin:18px 0 22px;box-shadow:0 1px 2px rgba(16,24,32,.04);overflow-x:clip}
.kat-baslik>*{min-width:0}
.kat-baslik h1{font-family:var(--d);font-weight:800;font-size:clamp(1.4rem,2.8vw,2rem);
  letter-spacing:-.02em;line-height:1.1}
.kat-baslik p{font-family:var(--g);color:var(--soluk);margin-top:5px;max-width:70ch;font-size:.92rem}
.kat-sayi{margin-left:auto;flex:0 0 auto;font-family:var(--m);font-size:.68rem;color:#fff;
  background:var(--kat);padding:7px 14px;border-radius:99px;white-space:nowrap}

/* ── duyarlı ── */
@media (max-width:1000px){
  .kat-buyuk-sag4{grid-template-columns:1fr;gap:20px}
  .kat-uclu{grid-template-columns:1fr 1fr;gap:20px}
  .kat-uclu .uc-orta{grid-column:1/-1;order:-1}
  .kat-dortlu{grid-template-columns:repeat(2,1fr)}
  .kat-metin{grid-template-columns:repeat(2,1fr);gap:0 20px}
  .kat-izgara{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  .bs4-izgara{grid-template-columns:1fr 1fr;gap:16px 14px}
  .kat-uclu{grid-template-columns:1fr}
  .kat-uclu .uc-yan{gap:16px}
  .kat-dortlu{grid-template-columns:1fr 1fr;gap:14px}
  .kat-metin{grid-template-columns:1fr}
  .kat-izgara{grid-template-columns:1fr 1fr;gap:16px 14px}
  .kat-serit>*{flex:0 0 76%}
  .bk-kucuk h3{font-size:.92rem}
  .kat-baslik{flex-wrap:wrap;padding:15px 17px}
  .kat-sayi{margin-left:0}
}

/* ═══ ANASAYFA YAZAR BLOĞU ═══ */
.yazar-blok{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);
  padding:18px 20px;margin:22px 0;overflow-x:clip}
.yazar-blok>*{min-width:0}
.yb-bas{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;
  padding-bottom:10px;border-bottom:1px solid var(--cizgi)}
.yb-bas h2{font-family:var(--d);font-weight:800;font-size:1.22rem;letter-spacing:-.02em}
.yb-bas::after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;
  background:var(--altin);border-radius:2px}
.yb-ikon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:var(--marka-yumusak);
  color:var(--marka);display:grid;place-items:center}
.yb-tumu{margin-left:auto;font-family:var(--m);font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--soluk)}
.yb-tumu:hover{color:var(--marka)}
.yb-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.yb-izgara>*{min-width:0}
.yb-kart{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--cizgi);
  border-radius:var(--r);background:var(--yuzey2);transition:.16s;min-height:48px}
.yb-kart:hover{border-color:var(--altin);background:var(--yuzey);transform:translateY(-2px)}
.yb-foto{flex:0 0 54px;width:54px;height:54px;border-radius:50%;overflow:hidden;background:var(--marka);
  display:grid;place-items:center}
.yb-foto img{width:100%;height:100%;object-fit:cover}
.yb-harf{color:#fff;font-family:var(--d);font-weight:800;font-size:1.2rem}
.yb-ic{min-width:0;display:flex;flex-direction:column;gap:2px}
.yb-ic b{font-family:var(--d);font-weight:700;font-size:.95rem;line-height:1.25}
.yb-unvan{font-family:var(--m);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--silik)}
.yb-yazi{font-family:var(--g);font-size:.86rem;color:var(--soluk);line-height:1.4;margin-top:3px}
.yb-kart:hover .yb-yazi{color:var(--murekkep2)}

/* ═══ TAM GENİŞLİKTE MEDYA ŞERİTLERİ — foto KIRMIZI, video MAVİ ═══ */
.medya-serit{padding:30px 0;margin:26px 0}
.medya-serit.foto{background:linear-gradient(140deg,#8E1D17,#C43127 55%,#D6382E)}
.medya-serit.video{background:linear-gradient(140deg,#0A3A4C,#12617E 55%,#1B7FA8)}
.medya-serit .mb-bas{display:flex;align-items:center;gap:13px;margin-bottom:18px;color:#fff}
.medya-serit .mb-bas h2{font-family:var(--d);font-weight:800;font-size:1.45rem;letter-spacing:-.02em}
.medya-serit .mb-ikon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;
  background:rgba(255,255,255,.18);display:grid;place-items:center}
.medya-serit .mb-tumu{margin-left:auto;font-family:var(--m);font-size:.7rem;letter-spacing:.1em;
  color:#fff;background:rgba(255,255,255,.16);padding:9px 16px;border-radius:99px;min-height:40px;
  display:inline-flex;align-items:center;transition:.15s}
.medya-serit .mb-tumu:hover{background:rgba(255,255,255,.32)}

@media (max-width:1000px){ .yb-izgara{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){
  .yb-izgara{grid-template-columns:1fr}
  .medya-serit{padding:22px 0}
  .medya-serit .mb-bas h2{font-size:1.2rem}
}

/* ═══════════════════════════════════════════════════════════════════════
   MAKALE (KÖŞE YAZISI) — haberden bağımsız modül  ·  Beyribey Bilişim
   ═══════════════════════════════════════════════════════════════════════ */
.makale-liste{display:flex;flex-direction:column;gap:0}
.mk-satir{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;
  border-bottom:1px solid var(--cizgi);overflow-x:clip}
.mk-satir>*{min-width:0}
.mk-satir:first-child{padding-top:0}
.mk-satir:last-child{border-bottom:none}
.mk-yazar{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
.mk-foto{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--marka);
  display:grid;place-items:center;flex:0 0 72px}
.mk-foto img{width:100%;height:100%;object-fit:cover}
.mk-foto.buyuk{width:64px;height:64px;flex:0 0 64px}
.mk-yazar b{font-family:var(--d);font-weight:700;font-size:.88rem;line-height:1.25}
.mk-yazar:hover b{color:var(--marka)}
.mk-unvan{font-family:var(--m);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--silik)}
.mk-ic h2{font-family:var(--d);font-weight:800;font-size:1.28rem;line-height:1.25;
  letter-spacing:-.02em;margin-bottom:7px}
.mk-ic:hover h2,.mk-ic a:hover h2{color:var(--marka)}
.mk-ic p{font-family:var(--g);color:var(--soluk);line-height:1.6;margin-bottom:7px}

/* detay */
.mk-detay .mk-kunye{display:flex;align-items:center;gap:14px;padding-bottom:16px;
  border-bottom:2px solid var(--altin);margin-bottom:18px}
.mk-ad{font-family:var(--d);font-weight:800;font-size:1.05rem;display:block}
.mk-ad:hover{color:var(--marka)}
.mk-ozgecmis{background:var(--yuzey2);border-left:4px solid var(--altin);border-radius:0 var(--r) var(--r) 0;
  padding:16px 18px;margin-top:26px}
.mk-ozgecmis b{font-family:var(--d);font-size:1rem;display:block;margin-bottom:6px}
.mk-ozgecmis p{font-family:var(--g);color:var(--soluk);line-height:1.65;margin-bottom:12px}

@media (max-width:620px){
  .mk-satir{grid-template-columns:64px 1fr;gap:13px}
  .mk-foto{width:56px;height:56px;flex:0 0 56px}
  .mk-yazar b{font-size:.76rem}
  .mk-unvan{display:none}
  .mk-ic h2{font-size:1.08rem}
  .mk-ic p{display:none}
}

/* ═══════════════════════════════════════════════════════════════════════
   SON TASARIM KATMANI  ·  Beyribey Bilişim
   Kullanıcı geri bildirimi üzerine:
     1) Her blok BEYAZ KART üzerinde: yüzey + çerçeve + gölge — zemine
        yapışık şeffaf blok kalmadı.
     2) Medya şeritleri (foto/video) tam ekrana YAYILMAZ; kapsayıcı
        genişliğinde, köşeleri yuvarlak kart olarak durur.
     3) Yan slaytın altında da numaralı şerit var (ana manşetle aynı).
   Bu katman dosyanın SONUNDA durur; öncekileri bilinçli olarak ezer.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── sayfa zemini biraz daha derin: kartlar belirgin ayrışsın ── */
body{background:var(--bg)}

/* ── HER KATEGORİ BLOĞU KART ── */
.blok{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;
  padding:18px 20px 20px;margin-bottom:26px;
  box-shadow:0 1px 2px rgba(16,24,32,.05),0 8px 24px -18px rgba(16,24,32,.18)}
.blok>.blok-bas{padding:0 0 12px;margin-bottom:16px}

/* zeminli/koyu/renkli temalarda iç kutulara ek zemin verme — kartın kendisi boyanır */
.blok.zeminli{background:var(--blok-zemin)}
.blok.zeminli .kat-buyuk-sag4,.blok.zeminli .kat-uclu,.blok.zeminli .kat-dortlu,
.blok.zeminli .kat-metin,.blok.zeminli .kat-izgara,.blok.zeminli .kat-liste,
.blok.zeminli .kat-serit,.blok.zeminli .kat-basliklar{background:transparent;padding:0}
.blok-tema-koyu{background:var(--koyu-yuzey);border-color:var(--koyu-cizgi)}
.blok-tema-koyu .kat-buyuk-sag4,.blok-tema-koyu .kat-uclu,.blok-tema-koyu .kat-dortlu,
.blok-tema-koyu .kat-metin,.blok-tema-koyu .kat-izgara,.blok-tema-koyu .kat-liste,
.blok-tema-koyu .kat-serit,.blok-tema-koyu .kat-basliklar{background:transparent;padding:0}
.blok-tema-koyu>.blok-bas{border-color:var(--koyu-cizgi)}
.blok-tema-renkli{background:color-mix(in srgb,var(--kat) 7%,var(--yuzey));
  border-color:color-mix(in srgb,var(--kat) 25%,var(--cizgi))}
.blok-tema-renkli .kat-buyuk-sag4,.blok-tema-renkli .kat-uclu,.blok-tema-renkli .kat-dortlu,
.blok-tema-renkli .kat-metin,.blok-tema-renkli .kat-izgara,.blok-tema-renkli .kat-liste,
.blok-tema-renkli .kat-serit,.blok-tema-renkli .kat-basliklar{background:transparent;padding:0}
.blok-tema-sade{background:transparent;border:none;box-shadow:none;padding:0}

/* ── ÜST ŞERİT kartları zaten yüzeyli; gölge eşitle ── */
.serit-kart{box-shadow:0 1px 2px rgba(16,24,32,.05)}

/* ── MANŞET: iki slayt da kart çerçeveli ── */
.ana-slayt,.yan-slayt{border:1px solid var(--cizgi);
  box-shadow:0 1px 2px rgba(16,24,32,.05),0 10px 28px -20px rgba(16,24,32,.25)}
.yan-slayt .slayt-kutu{aspect-ratio:16/10}
/* yan slaytta ok düğmeleri numara şeridinin üstünde kalsın */
.yan-slayt .slayt-ok{top:42%}
/* küçük numara şeridi (yan slayt) */
.sayi-serit.kucuk .sy-no{min-width:32px;min-height:30px;font-size:.7rem}
.sayi-serit.kucuk .sy-ok{flex:0 0 28px;font-size:.95rem}
.sayi-serit.kucuk .sy-no.etkin{background:var(--marka)}

/* ── MEDYA ŞERİTLERİ: tam ekran DEĞİL, kapsayıcı genişliğinde kart ── */
.medya-serit{max-width:var(--en);margin:0 auto 26px;border-radius:16px;
  padding:22px 22px 24px;box-shadow:0 10px 30px -20px rgba(16,24,32,.35)}
.medya-serit>.kap{max-width:none;padding:0}
/* kapsayıcının kendi yan boşluğu kadar içeri çekil */
@media (min-width:1236px){ .medya-serit{margin-left:auto;margin-right:auto} }
@media (max-width:1236px){ .medya-serit{margin-left:18px;margin-right:18px} }

/* ── YAZARLAR: kart + altın vurgu zaten var; foto çerçevesi ── */
.yb-foto{border:2px solid var(--altin)}
.yazar-blok{box-shadow:0 1px 2px rgba(16,24,32,.05),0 8px 24px -18px rgba(16,24,32,.18)}

/* ── kenar sütun kutuları da aynı kart dili ── */
.kenar .kutu{box-shadow:0 1px 2px rgba(16,24,32,.05)}

/* ── kategori sayfası: akış kartı gölgeli ── */
.kat-akis{box-shadow:0 1px 2px rgba(16,24,32,.05)}

/* ── makale listesi de kart üzerinde ── */
.makale-liste{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;
  padding:6px 20px;box-shadow:0 1px 2px rgba(16,24,32,.05)}
.mk-satir:first-child{padding-top:18px}
.mk-satir:last-child{padding-bottom:18px}

/* ── karanlık temada kartlar ── */
[data-tema="koyu"] .blok,[data-tema="koyu"] .yazar-blok,[data-tema="koyu"] .makale-liste,
[data-tema="koyu"] .kat-akis,[data-tema="koyu"] .ana-slayt,[data-tema="koyu"] .yan-slayt{
  background:var(--yuzey);border-color:var(--cizgi)}

/* ── HABER GÖVDESİNDE GÖRSEL HİZALAMA (editör eklentisiyle uyumlu) ── */
.makale-govde figure{margin:18px 0}
.makale-govde figure img{border-radius:var(--r);height:auto}
.makale-govde figure.g-sol{float:left;max-width:46%;margin:6px 20px 12px 0}
.makale-govde figure.g-sag{float:right;max-width:46%;margin:6px 0 12px 20px}
.makale-govde figure.g-orta{text-align:center;clear:both}
.makale-govde figure.g-orta img{margin:0 auto}
.makale-govde figure.g-tam{clear:both}
.makale-govde figure.g-tam img{width:100%}
.makale-govde figcaption{font-family:var(--m);font-size:.72rem;color:var(--silik);
  border-left:3px solid var(--marka);padding:5px 11px;margin-top:7px;background:var(--yuzey2);text-align:left}
.makale-govde::after{content:"";display:block;clear:both}
@media (max-width:620px){
  .makale-govde figure.g-sol,.makale-govde figure.g-sag{float:none;max-width:100%;margin:14px 0}
}

/* ── ÜST BAR HIZLI BAĞLANTILAR: Foto · Video · Yazarlar · Son Dakika ── */
.hizli-bag{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.hb{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:99px;
  font-weight:700;font-size:.78rem;color:#fff;transition:.15s;white-space:nowrap}
.hb:hover{filter:brightness(1.15);transform:translateY(-1px)}
.hb.foto{background:#C43127}
.hb.video{background:#12617E}
.hb.yazar{background:var(--altin)}
.hb.sondakika{background:#fff;color:var(--acil);border:1.5px solid var(--acil)}
.sd-nokta2{width:8px;height:8px;border-radius:50%;background:var(--acil);animation:sd-yanip 1.1s infinite}
@keyframes sd-yanip{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.sd-nokta2{animation:none}}
@media (max-width:1330px){.hb{padding:0 9px;font-size:.72rem}.hb svg{display:none}}
@media (max-width:1100px){.hizli-bag{display:none}}

/* ── MANŞET SAĞ KOLONU: slayt + altını dolduran iki kart ── */
.yan-kolon{display:flex;flex-direction:column;gap:12px;min-width:0}
.yan-kolon .yan-slayt{flex:0 0 auto}
.yan-ek{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.yan-ek .serit-kart{flex:1;align-items:center}
.yan-ek .serit-im{flex:0 0 84px;aspect-ratio:4/3}
.yan-ek h3{font-size:.88rem}
@media (max-width:1000px){ .yan-ek{flex-direction:row} .yan-ek .serit-kart{flex:1} }
@media (max-width:620px){ .yan-ek{flex-direction:column} }

/* ── KÖŞE YAZARLARI — koyu lacivert kart formatı (kullanıcı ekran görüntüsü) ──
   Blok her iki temada da lacivert zeminlidir; renkler bilinçli sabittir. */
.yazar-blok{background:#182642;border:1px solid #223258;border-radius:16px;box-shadow:0 10px 30px -18px rgba(6,12,28,.6)}
[data-tema="koyu"] .yazar-blok{background:#131F38;border-color:#1E2C4E}
.yb-bas{border-bottom:0;margin-bottom:14px}
.yb-bas::after{display:none}
.yb-cizgi{width:44px;height:6px;border-radius:4px;background:#E9A13B;flex:0 0 44px}
.yb-bas h2{color:#fff}
.yb-tumu{color:#C7D2E8}
.yb-tumu:hover{color:#E9A13B}
.yb-kart{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 16px 18px;
  background:#20304F;border:1px solid #2B3C60;border-radius:12px}
.yb-kart:hover{border-color:#E9A13B;background:#243756;transform:translateY(-2px)}
.yb-foto{flex:0 0 auto;width:84px;height:84px;margin-bottom:8px;border:0;
  background:linear-gradient(135deg,#E2452B,#F0862F)}
.yb-harf{font-size:1.5rem}
.yb-ad{font-family:var(--d);font-weight:800;font-size:1.02rem;line-height:1.25;color:#fff}
.yb-kart .yb-unvan{color:#9FB0CC}
.yb-kart .yb-yazi{font-style:italic;color:#E7EDF8;font-size:.92rem;margin-top:8px}
.yb-kart:hover .yb-yazi{color:#fff}
.yb-zaman{font-family:var(--m);font-size:.7rem;letter-spacing:.04em;color:#E9A13B;font-weight:700;margin-top:8px}
.yb-alt{display:block;margin-top:14px;padding:13px;text-align:center;border:1px solid #2B3C60;
  border-radius:12px;background:#20304F;color:#fff;font-family:var(--d);font-weight:700;font-size:.95rem}
.yb-alt:hover{border-color:#E9A13B;color:#E9A13B}

/* ── YAN MANŞET ALTI — tek kart içinde resimsiz 3 satır haber (simetri) ──
   Satırlar kalan yüksekliği eşit paylaşır; kolon ana manşetle tam hizalanır. */
.yan-ek{flex:1;display:flex;flex-direction:column;gap:0;padding:0 16px;min-width:0;
  background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-l);overflow:hidden}
.ye-satir{flex:1;display:flex;align-items:center;gap:10px;min-width:0;min-height:0;
  border-top:1px solid var(--cizgi);color:inherit}
.ye-satir:first-child{border-top:0}
.ye-isaret{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--marka)}
.ye-satir h3{flex:1;min-width:0;font-family:var(--d);font-weight:700;font-size:.9rem;
  line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ye-satir .zaman{flex:0 0 auto;font-family:var(--m);font-size:.68rem;color:var(--silik)}
.ye-satir:hover h3{color:var(--marka)}
@media (max-width:1000px){ .yan-ek{flex-direction:column} }

/* ═══ ÇOK-SİTE EKLERİ: hava açılır paneli (ust.php) ═══ */
.hava-kap{position:relative}
.hava-kap .hava{border:none;background:none;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px}
.hava-kap .hava:hover{background:var(--yuzey2)}
.hava-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge-yuksek);padding:14px;min-width:300px}
.hava-panel .hp-bas{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--cizgi);margin-bottom:10px}
.hava-panel .hp-bas b{font:800 1.3rem var(--d)}
.hava-panel .hp-bas small{margin-left:auto;font:700 .68rem var(--m);letter-spacing:.1em;color:var(--soluk)}
.hava-panel .hp-gunler{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.hava-panel .hp-gun{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:var(--r-s);background:var(--yuzey2);font-size:.72rem}
.hava-panel .hg-ad{font:700 .64rem var(--m);letter-spacing:.06em;color:var(--soluk);text-transform:uppercase}
.hava-panel .hg-derece{display:flex;gap:5px;align-items:baseline}
.hava-panel .hg-derece b{font:700 .8rem var(--d)}
.hava-panel .hg-derece i{font-style:normal;color:var(--silik);font-size:.68rem}
@media(max-width:560px){.hava-panel{right:-40px;min-width:270px}}

/* fikstür kutusu (anasayfa yan sütun) */
.fx-liste{display:flex;flex-direction:column}
.fx-mac{display:grid;grid-template-columns:44px 1fr auto 1fr;gap:7px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--cizgi);font-size:.78rem}
.fx-mac:last-child{border-bottom:none}
.fx-mac .fz{font:700 .64rem var(--m);color:var(--soluk);line-height:1.3}
.fx-mac .fe{text-align:right;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-mac .fd{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-mac .fs{font:800 .74rem var(--m);background:var(--marka-yumusak);color:var(--marka);border-radius:6px;padding:3px 7px;white-space:nowrap}