/* ============================================================
   MANŞET Haber CMS — Birleşik Stil Dosyası
   Onaylanan HTML tasarımlarından birebir üretilmiştir.
   ============================================================ */

/* ============================================================
   ANASAYFA + ORTAK TASARIM SİSTEMİ
   (kaynak: index.html)
   ============================================================ */
/* =========================================================
   MANŞET — Haber Portalı Tasarım Sistemi
   Başlık: Archivo · Metin/Arayüz: Barlow
   ========================================================= */
:root{
  --bg:#EEF0F3;
  --surface:#FFFFFF;
  --surface-2:#F6F7F9;
  --ink:#15181E;
  --ink-2:#3D434F;
  --muted:#78808F;
  --rule:#E2E5EA;
  --rule-2:#CFD4DC;

  --brand:#D3122A;
  --brand-dk:#A50D20;

  --c-gundem:#D3122A;
  --c-ekonomi:#0B6E4F;
  --c-spor:#1C4FA1;
  --c-magazin:#B02A8F;
  --c-teknoloji:#5B2FBF;
  --c-yasam:#D97400;
  --c-dunya:#0E7490;

  --up:#0B8A4B;
  --down:#CE2318;
  --shadow:0 1px 2px rgba(20,24,30,.06);
  --ph1:#2B3444;--ph2:#5B6879;
}
[data-theme="dark"]{
  --bg:#0B0D11;
  --surface:#14171D;
  --surface-2:#191D24;
  --ink:#EDEFF2;
  --ink-2:#BFC5CE;
  --muted:#848C99;
  --rule:#252A32;
  --rule-2:#333944;
  --brand:#EE3348;
  --brand-dk:#C21C31;
  --c-gundem:#EE3348;
  --c-ekonomi:#18936C;
  --c-spor:#3A75D4;
  --c-magazin:#D14CB0;
  --c-teknoloji:#8058E0;
  --c-yasam:#E68A1E;
  --c-dunya:#1795B0;
  --up:#2FB973;--down:#F0574C;
  --shadow:0 1px 2px rgba(0,0,0,.5);
  --ph1:#1A212C;--ph2:#333D4C;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--bg);color:var(--ink);
  font-family:'Barlow',system-ui,-apple-system,sans-serif;
  font-size:15px;line-height:1.45;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
h1,h2,h3,h4{font-family:'Archivo',sans-serif;font-weight:700;letter-spacing:-.012em;line-height:1.18}
.wrap{max-width:1260px;margin:0 auto;padding:0 14px}
.hidden-m{display:initial}
/* ---------- Görsel yer tutucu ---------- */
.ph{position:relative;background:linear-gradient(135deg,var(--ph1),var(--ph2));overflow:hidden}
.ph::after{content:"";position:absolute;inset:0;mix-blend-mode:overlay;opacity:.45;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E")}
.ph::before{content:"";position:absolute;left:-25%;top:-45%;width:85%;height:190%;
  background:radial-gradient(closest-side,rgba(255,255,255,.26),transparent 72%);transform:rotate(-20deg)}
.ph.r{--ph1:#4E1D1F;--ph2:#B03A2E}
.ph.g{--ph1:#173A2E;--ph2:#3F7D63}
.ph.b{--ph1:#182C4C;--ph2:#3C6099}
.ph.p{--ph1:#3A1C39;--ph2:#8C4A83}
.ph.o{--ph1:#4A3113;--ph2:#B5762A}
.ph.v{--ph1:#2A1F4A;--ph2:#6A55A8}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;
  display:grid;place-items:center;z-index:2}
.play svg{width:16px;height:16px;fill:#fff;margin-left:2px}
.dur{position:absolute;right:6px;bottom:6px;z-index:2;background:rgba(0,0,0,.75);color:#fff;
  font-size:11px;font-weight:600;padding:1px 6px;border-radius:2px}
/* ---------- ÜST ŞERİT ---------- */
.util{background:var(--surface);border-bottom:1px solid var(--rule);font-size:12.5px}
.util .wrap{display:flex;align-items:center;gap:16px;height:34px}
.util .date{color:var(--muted);white-space:nowrap}
.util nav{display:flex;gap:14px;margin-left:auto}
.util nav a{color:var(--muted);white-space:nowrap}
.util nav a:hover{color:var(--brand)}
.util .btns{display:flex;gap:6px;align-items:center;margin-left:14px}
.ibtn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--rule-2);
  background:transparent;color:var(--ink-2);cursor:pointer;border-radius:2px}
.ibtn:hover{border-color:var(--brand);color:var(--brand)}
.ibtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.login{background:var(--brand);color:#fff;font-weight:600;font-size:12px;padding:5px 11px;border-radius:2px}
/* ---------- LOGO BANDI ---------- */
.head{background:var(--surface)}
.head .wrap{display:flex;align-items:center;gap:26px;padding:14px 14px}
.logo{font-family:'Archivo',sans-serif;font-weight:800;font-size:38px;letter-spacing:-.035em;
  color:var(--brand);line-height:1;white-space:nowrap}
.logo span{color:var(--ink)}
.markets{display:flex;gap:0;margin-left:auto;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.mk{padding:7px 14px;min-width:104px;border-right:1px solid var(--rule)}
.mk:last-child{border-right:0}
.mk b{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;color:var(--muted)}
.mk s{display:block;text-decoration:none;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:1px}
.mk i{font-style:normal;font-size:11px;font-weight:600}
.mk i.u{color:var(--up)}
.mk i.d{color:var(--down)}
.searchbox{display:flex;align-items:center;border:1px solid var(--rule-2);border-radius:3px;overflow:hidden;height:34px}
.searchbox input{border:0;background:transparent;padding:0 10px;font-family:inherit;font-size:13.5px;color:inherit;width:150px}
.searchbox input:focus{outline:none}
.searchbox button{border:0;background:var(--surface-2);color:var(--ink-2);width:34px;height:100%;cursor:pointer;display:grid;place-items:center}
.searchbox svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
/* ---------- ANA MENÜ ---------- */
.mainnav{background:var(--brand);position:sticky;top:0;z-index:60;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.mainnav .wrap{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}
.mainnav .wrap::-webkit-scrollbar{display:none}
.mainnav a{color:#fff;font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px;
  letter-spacing:.03em;text-transform:uppercase;padding:12px 13px;white-space:nowrap;position:relative}
.mainnav a:hover,.mainnav a.on{background:rgba(0,0,0,.22)}
.mainnav .nlogo{font-weight:800;font-size:17px;letter-spacing:-.03em;text-transform:none;
  padding-right:14px;opacity:0;width:0;overflow:hidden;transition:.2s}
.mainnav.stuck .nlogo{opacity:1;width:auto}
.mainnav .sd{margin-left:auto;background:#15181E;font-weight:700}
.mainnav .sd::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:#fff;margin-right:7px;vertical-align:1px;animation:blink 1.6s infinite}
/* ---------- GÜNÜN KONULARI ---------- */
.topics{background:var(--surface);border-bottom:1px solid var(--rule)}
.topics .wrap{display:flex;align-items:center;gap:9px;padding:9px 14px;overflow-x:auto;scrollbar-width:none}
.topics .wrap::-webkit-scrollbar{display:none}
.topics .ttl{font-family:'Archivo',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;
  letter-spacing:.09em;color:var(--muted);white-space:nowrap;padding-right:4px}
.topics a{background:var(--surface-2);border:1px solid var(--rule);padding:5px 10px;border-radius:2px;
  font-size:13px;font-weight:500;white-space:nowrap}
.topics a b{color:var(--brand);font-weight:700}
.topics a:hover{border-color:var(--brand)}
/* ---------- SAYFA IZGARASI ---------- */
.page{padding:16px 0 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.rail{display:grid;gap:16px;position:sticky;top:56px}
/* ---------- SICAK GÜNDEM ---------- */
.hot{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;
  background:var(--surface);border:1px solid var(--rule);padding:14px;box-shadow:var(--shadow)}
.hero .ph{aspect-ratio:16/9}
.hero .kicker{display:inline-block;background:var(--brand);color:#fff;font-family:'Archivo',sans-serif;
  font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;margin:12px 0 9px}
.hero h1{font-size:clamp(24px,2.7vw,34px);font-weight:800;line-height:1.13}
.hero h1 a:hover{color:var(--brand)}
.hero .sum{color:var(--ink-2);font-size:16px;margin-top:9px;line-height:1.5}
.hero .mt{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:10px}
.hero .mt b{color:var(--ink);font-weight:600}
.hero .mt em{font-style:normal;width:3px;height:3px;background:var(--muted);border-radius:50%}
.sub2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}
.sub2 .ph{aspect-ratio:16/9;margin-bottom:8px}
.sub2 h3{font-size:16.5px;font-weight:700}
.sub2 article:hover h3{color:var(--brand)}
.sub2 .cat{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);display:block;margin-bottom:4px}
/* manşet altı düz liste */
.plainlist{border-left:1px solid var(--rule);padding-left:16px;min-width:0}
.plainlist h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink);padding-bottom:8px;border-bottom:2px solid var(--brand);margin-bottom:2px}
.plainlist li{padding:9px 0;border-bottom:1px solid var(--rule)}
.plainlist li:last-child{border-bottom:0}
.plainlist a{font-size:15px;font-weight:600;line-height:1.34;display:block}
.plainlist a:hover{color:var(--brand)}
.plainlist .tag{font-size:11px;font-weight:600;color:var(--muted);margin-top:4px;display:block}
.plainlist .tag b{color:var(--brand);font-weight:700}
/* ---------- SAĞ RAY ---------- */
.box{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.box-h{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:2px solid var(--ink)}
.box-h h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.box-h a{font-size:11.5px;font-weight:600;color:var(--muted)}
.box-h a:hover{color:var(--brand)}
.live{max-height:430px;overflow-y:auto}
.live li{display:grid;grid-template-columns:46px 1fr;gap:9px;padding:10px 12px;border-bottom:1px solid var(--rule);align-items:start}
.live li:last-child{border-bottom:0}
.live time{font-size:12px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;
  padding-top:1px;border-right:1px solid var(--rule);height:100%}
.live a{font-size:14px;font-weight:500;line-height:1.36}
.live a:hover{color:var(--brand)}
.live li.new a{font-weight:700}
.mostread li{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:10px 12px;border-bottom:1px solid var(--rule);align-items:start}
.mostread li:last-child{border-bottom:0}
.mostread .n{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;color:var(--brand);opacity:.55;line-height:.95}
.mostread li:hover .n{opacity:1}
.mostread a{font-size:14px;font-weight:600;line-height:1.36}
.mostread a:hover{color:var(--brand)}
.mostread .rd{font-size:11px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}
.adslot{background:var(--surface-2);border:1px dashed var(--rule-2);color:var(--muted);
  display:grid;place-items:center;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;padding:14px}
.ad-300{height:250px}
.ad-970{height:92px;margin:18px 0}
.weather{padding:12px}
.weather .now{display:flex;align-items:center;gap:12px}
.weather .deg{font-family:'Archivo',sans-serif;font-weight:800;font-size:38px;line-height:1}
.weather .city{font-weight:600;font-size:15px}
.weather .desc{font-size:12.5px;color:var(--muted)}
.weather .days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid var(--rule);text-align:center}
.weather .days div{font-size:12px}
.weather .days b{display:block;font-weight:600;color:var(--muted);font-size:11px;margin-bottom:3px}
/* ---------- MODÜL BAŞLIĞI ---------- */
.mod{margin-top:22px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.mod-h{display:flex;align-items:stretch;border-bottom:3px solid var(--c)}
.mod-h h2{background:var(--c);color:#fff;font-size:15px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;padding:9px 16px;display:flex;align-items:center}
.mod-h .subs{display:flex;align-items:center;gap:14px;padding:0 14px;overflow-x:auto;scrollbar-width:none}
.mod-h .subs::-webkit-scrollbar{display:none}
.mod-h .subs a{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap}
.mod-h .subs a:hover{color:var(--c)}
.mod-h .all{margin-left:auto;padding:0 14px;display:flex;align-items:center;font-size:12px;
  font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c);white-space:nowrap}
.mod-b{padding:14px}
/* ekonomi/spor düzeni: 1 büyük + liste + widget */
.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 250px;gap:16px}
.big .ph{aspect-ratio:16/9;margin-bottom:10px}
.big h3{font-size:20px;font-weight:700;line-height:1.2}
.big:hover h3{color:var(--c)}
.big p{font-size:14.5px;color:var(--ink-2);margin-top:7px;line-height:1.5}
.thumbs li{display:grid;grid-template-columns:92px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid var(--rule);align-items:start}
.thumbs li:first-child{padding-top:0}
.thumbs li:last-child{border-bottom:0;padding-bottom:0}
.thumbs .ph{aspect-ratio:4/3}
.thumbs h4{font-size:14.5px;font-weight:600;line-height:1.34}
.thumbs li:hover h4{color:var(--c)}
.thumbs .mt{font-size:11.5px;color:var(--muted);margin-top:4px}
.widget{border:1px solid var(--rule);align-self:start}
.widget .wh{background:var(--surface-2);padding:8px 11px;font-family:'Archivo',sans-serif;font-weight:700;
  font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--rule)}
.rates li{display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border-bottom:1px solid var(--rule);font-size:13.5px}
.rates li:last-child{border-bottom:0}
.rates .nm{font-weight:600}
.rates .vl{font-weight:700;font-variant-numeric:tabular-nums}
.rates .ch{font-size:11.5px;font-weight:600;min-width:52px;text-align:right}
.ch.u{color:var(--up)}
.ch.d{color:var(--down)}
table.standings{width:100%;border-collapse:collapse;font-size:13px}
table.standings th{background:var(--surface-2);font-family:'Archivo',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 8px;text-align:center;border-bottom:1px solid var(--rule)}
table.standings th:nth-child(2){text-align:left}
table.standings td{padding:6px 8px;text-align:center;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
table.standings td:nth-child(2){text-align:left;font-weight:600}
table.standings tr:last-child td{border-bottom:0}
table.standings .pos{font-weight:700;color:var(--muted)}
/* kart ızgarası (magazin/teknoloji/yaşam) */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gcard .ph{aspect-ratio:3/2;margin-bottom:9px}
.gcard h3{font-size:15.5px;font-weight:600;line-height:1.32}
.gcard:hover h3{color:var(--c)}
.gcard .mt{font-size:11.5px;color:var(--muted);margin-top:5px}
.gcard .mt b{color:var(--c);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
/* yazarlar */
.writers{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.writer{text-align:center}
.writer .ph{width:70px;height:70px;border-radius:50%;margin:0 auto 9px;border:2px solid var(--rule)}
.writer:hover .ph{border-color:var(--c)}
.writer .nm{font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.02em;margin-bottom:5px}
.writer p{font-size:13.5px;color:var(--ink-2);line-height:1.35}
.writer:hover p{color:var(--c)}
/* burçlar */
.zodiac{display:grid;grid-template-columns:repeat(12,1fr);gap:8px}
.zodiac a{border:1px solid var(--rule);padding:11px 4px;text-align:center;font-size:12.5px;font-weight:600}
.zodiac a:hover{border-color:var(--c);color:var(--c)}
.zodiac .sym{display:block;font-size:19px;margin-bottom:3px;color:var(--c)}
/* SEO bilgi bloğu */
.seo li{padding:9px 0;border-bottom:1px solid var(--rule)}
.seo li:last-child{border-bottom:0}
.seo a{font-size:14px;font-weight:600;line-height:1.4;display:block}
.seo a:hover{color:var(--c)}
.seo .cols{columns:2;column-gap:26px}
.seo .cols li{break-inside:avoid}
/* bülten */
.nl{margin-top:22px;background:var(--ink);color:#fff;padding:26px 0}
[data-theme="dark"] .nl{background:var(--surface);border:1px solid var(--rule)}
.nl .in{display:grid;grid-template-columns:1fr 460px;gap:34px;align-items:center}
.nl h2{font-size:24px;font-weight:700;margin-bottom:6px}
.nl h2 em{font-style:normal;color:var(--brand)}
[data-theme="dark"] .nl h2 em{color:var(--brand)}
.nl p{font-size:14.5px;opacity:.75}
.nlform{display:flex;border:1px solid rgba(255,255,255,.28)}
[data-theme="dark"] .nlform{border-color:var(--rule-2)}
.nlform input{flex:1;background:transparent;border:0;padding:12px 13px;color:inherit;font-family:inherit;font-size:14px;min-width:0}
.nlform input::placeholder{color:rgba(255,255,255,.45)}
[data-theme="dark"] .nlform input::placeholder{color:var(--muted)}
.nlform input:focus{outline:none}
.nlform button{background:var(--brand);color:#fff;border:0;padding:0 22px;cursor:pointer;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.nl small{display:block;margin-top:9px;font-size:11.5px;opacity:.55}
/* footer */
footer{background:var(--surface);border-top:3px solid var(--brand);margin-top:22px;padding:26px 0 18px}
.fmain{display:grid;grid-template-columns:250px 1fr;gap:34px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
.fmain .logo{font-size:30px;margin-bottom:9px}
.fmain p{font-size:13.5px;color:var(--muted);line-height:1.55}
.fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.fcol h4{font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px}
.fcol a{display:block;font-size:13px;color:var(--muted);padding:3px 0}
.fcol a:hover{color:var(--brand)}
.seolinks{padding:16px 0;border-bottom:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:6px 14px}
.seolinks span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);width:100%;margin-bottom:2px}
.seolinks a{font-size:12.5px;color:var(--muted)}
.seolinks a:hover{color:var(--brand)}
.fbot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:16px;font-size:12.5px;color:var(--muted)}
.fsoc{display:flex;gap:7px;margin-left:auto}
.fsoc a{width:30px;height:30px;border:1px solid var(--rule);display:grid;place-items:center}
.fsoc a:hover{border-color:var(--brand);color:var(--brand)}
.fsoc svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.legal{font-size:11.5px;color:var(--muted);line-height:1.6;padding-top:12px;border-top:1px solid var(--rule);margin-top:12px}
/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
  .split .widget{grid-column:1/-1}
  .writers{grid-template-columns:repeat(4,1fr)}
  .zodiac{grid-template-columns:repeat(6,1fr)}
}

/* ============================================================
   HABER DETAY / KATEGORİ / YAZAR / GALERİ / SON DAKİKA / ARAMA
   (kaynak: haber-detay.html)
   ============================================================ */
/* =========================================================
   MANŞET — Ortak Tasarım Sistemi
   Başlık: Archivo · Metin/Arayüz: Barlow
   ========================================================= */
:root{
  --bg:#EEF0F3; --surface:#FFFFFF; --surface-2:#F6F7F9;
  --ink:#15181E; --ink-2:#3D434F; --muted:#78808F;
  --rule:#E2E5EA; --rule-2:#CFD4DC;
  --brand:#D3122A; --brand-dk:#A50D20;
  --c-gundem:#D3122A; --c-ekonomi:#0B6E4F; --c-spor:#1C4FA1;
  --c-magazin:#B02A8F; --c-teknoloji:#5B2FBF; --c-yasam:#D97400; --c-dunya:#0E7490;
  --up:#0B8A4B; --down:#CE2318;
  --shadow:0 1px 2px rgba(20,24,30,.06);
  --ph1:#2B3444; --ph2:#5B6879;
  --c:var(--brand);
}
[data-theme="dark"]{
  --bg:#0B0D11; --surface:#14171D; --surface-2:#191D24;
  --ink:#EDEFF2; --ink-2:#BFC5CE; --muted:#848C99;
  --rule:#252A32; --rule-2:#333944;
  --brand:#EE3348; --brand-dk:#C21C31;
  --c-gundem:#EE3348; --c-ekonomi:#18936C; --c-spor:#3A75D4;
  --c-magazin:#D14CB0; --c-teknoloji:#8058E0; --c-yasam:#E68A1E; --c-dunya:#1795B0;
  --up:#2FB973; --down:#F0574C;
  --shadow:0 1px 2px rgba(0,0,0,.5);
  --ph1:#1A212C; --ph2:#333D4C;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Barlow',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}
/* --- görsel yer tutucu --- */
.ph{position:relative;background:linear-gradient(135deg,var(--ph1),var(--ph2));overflow:hidden}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;
  background:rgba(0,0,0,.55);border:2px solid #fff;display:grid;place-items:center;z-index:2}
.dur{position:absolute;right:6px;bottom:6px;z-index:2;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:2px}
/* --- üst şerit --- */
.util{background:var(--surface);border-bottom:1px solid var(--rule);font-size:12.5px}
.ibtn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--rule-2);background:transparent;color:var(--ink-2);cursor:pointer;border-radius:2px}
/* --- logo bandı --- */
.head{background:var(--surface)}
.head .wrap{display:flex;align-items:center;gap:26px;padding:14px}
.logo{font-family:'Archivo',sans-serif;font-weight:800;font-size:38px;letter-spacing:-.035em;color:var(--brand);line-height:1;white-space:nowrap}
.markets{display:flex;margin-left:auto;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
/* --- ana menü --- */
.mainnav{background:var(--brand);position:sticky;top:0;z-index:60;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.mainnav a{color:#fff;font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;padding:12px 13px;white-space:nowrap}
.mainnav .nlogo{font-weight:800;font-size:17px;letter-spacing:-.03em;text-transform:none;padding-right:14px;opacity:0;width:0;overflow:hidden;transition:.2s}
.mainnav .sd::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#fff;margin-right:7px;vertical-align:1px;animation:blink 1.6s infinite}
/* okuma ilerleme çubuğu */
.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--brand);z-index:90;transition:width .1s linear}
/* --- izgara --- */
.page{padding:16px 0}
/* --- kutu --- */
.box{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.live time{font-size:12px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;padding-top:1px;border-right:1px solid var(--rule);height:100%}
.adslot{background:var(--surface-2);border:1px dashed var(--rule-2);color:var(--muted);display:grid;place-items:center;text-align:center;
  font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px}
/* --- modül --- */
.mod{margin-top:22px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.mod-h h2{background:var(--c);color:#fff;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:9px 16px;display:flex;align-items:center}
.mod-h .all{margin-left:auto;padding:0 14px;display:flex;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c);white-space:nowrap}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
/* --- ekmek kırıntısı --- */
.crumb{font-size:12.5px;color:var(--muted);padding:12px 0 0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crumb a:hover{color:var(--brand)}
.crumb .sep{opacity:.5}
.crumb b{color:var(--ink);font-weight:600}
/* --- sayfa başlığı (kategori / yazar / arama) --- */
.pagehead{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--c);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}
.pagehead h1{font-size:30px;font-weight:800}
.pagehead p{color:var(--muted);font-size:14.5px;margin-top:6px;max-width:70ch}
.pagehead .subs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pagehead .subs a{border:1px solid var(--rule);padding:5px 11px;font-size:13px;font-weight:600;border-radius:2px}
.pagehead .subs a.on{background:var(--c);color:#fff;border-color:var(--c)}
.pagehead .subs a:hover{border-color:var(--c);color:var(--c)}
.pagehead .subs a.on:hover{color:#fff}
/* --- makale --- */
.article{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:26px}
.article .kicker{display:inline-block;background:var(--c);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;margin-bottom:12px}
.article h1{font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.13}
.article .spot{font-size:18.5px;line-height:1.55;color:var(--ink-2);margin-top:14px;font-weight:500;border-left:3px solid var(--c);padding-left:14px}
.byline{display:flex;align-items:center;gap:12px;margin:20px 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap}
.byline .av{width:42px;height:42px;border-radius:50%;flex:none}
.byline .who{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px}
.byline .when{font-size:12.5px;color:var(--muted);margin-top:2px}
.share{display:flex;gap:6px;margin-left:auto}
.share a{width:32px;height:32px;border:1px solid var(--rule-2);display:grid;place-items:center;color:var(--ink-2)}
.share a:hover{border-color:var(--brand);color:var(--brand)}
.share svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
figure{margin:0 0 20px}
figure .ph{aspect-ratio:16/9}
figcaption{font-size:12.5px;color:var(--muted);padding:8px 2px 0;border-bottom:1px solid var(--rule);padding-bottom:9px}
.prose{font-size:17.5px;line-height:1.72;color:var(--ink)}
.prose p{margin-bottom:19px}
.prose p a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.prose h2{font-size:23px;font-weight:700;margin:30px 0 12px}
.prose h3{font-size:19px;font-weight:700;margin:24px 0 10px}
.prose ul{margin:0 0 19px 0}
.prose ul li{position:relative;padding-left:20px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;background:var(--c);border-radius:50%}
.prose blockquote{margin:24px 0;padding:16px 20px;background:var(--surface-2);border-left:4px solid var(--c);font-size:19px;line-height:1.5;font-weight:500}
.prose blockquote cite{display:block;font-size:13px;font-style:normal;color:var(--muted);font-weight:600;margin-top:9px}
.prose figure{margin:24px 0}
/* ---- editörle eklenen içerik: görsel, gömme, tablo, liste ---- */
.prose figure img{width:100%;height:auto;display:block}
.prose figcaption{font-size:13px;line-height:1.5;color:var(--muted);padding:9px 2px 10px;
  border-bottom:1px solid var(--rule)}
.prose figure.wide{margin-left:calc(-1 * var(--prose-bleed,0px));margin-right:calc(-1 * var(--prose-bleed,0px))}
.prose figure.left{float:left;width:47%;margin:6px 22px 16px 0}
.prose figure.right{float:right;width:47%;margin:6px 0 16px 22px}
.prose figure.embed{position:relative;aspect-ratio:16/9;background:var(--surface-2)}
.prose figure.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose h4{font-size:16.5px;font-weight:700;margin:22px 0 9px}
.prose ol{margin:0 0 19px 0;padding-left:24px}
.prose ol li{margin-bottom:8px}
.prose hr{border:0;border-top:2px solid var(--rule);margin:30px 0}
.prose code{background:var(--surface-2);border:1px solid var(--rule);border-radius:3px;
  padding:1px 5px;font:14px/1.5 ui-monospace,SFMono-Regular,monospace}
.prose pre{background:var(--surface-2);border:1px solid var(--rule);padding:15px 17px;margin:22px 0;
  overflow-x:auto;font:13.5px/1.65 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap}
.prose pre code{background:none;border:0;padding:0}
.prose mark{background:color-mix(in srgb,var(--c) 22%,transparent);padding:0 3px}
.prose sup,.prose sub{font-size:.72em}
.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.prose table th,.prose table td{border:1px solid var(--rule);padding:9px 12px;text-align:left}
.prose table th{background:var(--surface-2);font-weight:700;font-size:13.5px;
  text-transform:uppercase;letter-spacing:.04em}
.prose table tr:nth-child(even) td{background:var(--surface-2)}
.prose .note{border:1px solid var(--rule);border-left:4px solid var(--c);padding:15px 17px;
  margin:24px 0;background:var(--surface-2);font-size:16px}
@media(max-width:640px){
  .prose figure.left,.prose figure.right{float:none;width:100%;margin:24px 0}
  .prose table{display:block;overflow-x:auto;white-space:nowrap}
}
.infobox{border:1px solid var(--rule);border-left:4px solid var(--c);padding:16px 18px;margin:24px 0;background:var(--surface-2)}
.infobox h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--c);margin-bottom:9px}
.infobox p{font-size:15.5px;line-height:1.6;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px;padding-top:18px;border-top:1px solid var(--rule)}
.tags span{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-self:center;margin-right:4px}
.tags a{border:1px solid var(--rule);padding:5px 10px;font-size:13px;font-weight:500;border-radius:2px}
.tags a:hover{border-color:var(--brand);color:var(--brand)}
.srcnote{font-size:12.5px;color:var(--muted);margin-top:14px}
/* yorumlar */
.comments{margin-top:22px}
.cform{padding:14px}
.cform textarea{width:100%;min-height:88px;border:1px solid var(--rule-2);background:var(--surface-2);color:inherit;font-family:inherit;font-size:14.5px;padding:11px;resize:vertical}
.cform textarea:focus{outline:none;border-color:var(--brand)}
.cform .row{display:flex;align-items:center;gap:10px;margin-top:10px}
.cform .row small{font-size:12px;color:var(--muted)}
.btn{background:var(--brand);color:#fff;border:0;padding:10px 20px;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase}
.btn:hover{background:var(--brand-dk)}
.btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--rule-2)}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand);background:transparent}
.clist li{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:14px;border-top:1px solid var(--rule)}
.clist .av{width:38px;height:38px;border-radius:50%}
.clist .nm{font-family:'Archivo',sans-serif;font-weight:700;font-size:13.5px}
.clist .ago{font-size:11.5px;color:var(--muted);margin-left:7px;font-weight:400;font-family:'Barlow',sans-serif}
.clist p{font-size:15px;line-height:1.55;margin:5px 0 8px}
.cacts{display:flex;gap:14px;font-size:12.5px;color:var(--muted);font-weight:600}
.cacts button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:center;gap:5px}
.cacts button:hover{color:var(--brand)}
.cacts svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.clist .reply{margin-top:12px;padding-left:14px;border-left:2px solid var(--rule);grid-column:2}
/* --- liste (kategori/arama) --- */
.listing{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.listing li{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px;border-bottom:1px solid var(--rule)}
.listing li:last-child{border-bottom:0}
.listing .ph{aspect-ratio:16/10}
.listing h3{font-size:19px;font-weight:700;line-height:1.24}
.listing li:hover h3{color:var(--c)}
.listing p{font-size:14.5px;color:var(--ink-2);margin-top:7px;line-height:1.5}
.listing .mt{font-size:12px;color:var(--muted);margin-top:9px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.listing .mt b{color:var(--c);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.listing .mt em{font-style:normal;width:3px;height:3px;background:var(--muted);border-radius:50%}
.pager{display:flex;gap:6px;justify-content:center;align-items:center;padding:18px 0;flex-wrap:wrap}
.pager a{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--rule-2);background:var(--surface);font-size:14px;font-weight:600;padding:0 10px}
.pager a.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.pager a:hover{border-color:var(--brand);color:var(--brand)}
.pager a.on:hover{color:#fff}
.pager .gap{color:var(--muted);padding:0 4px}
/* --- yazar --- */
.authorcard{background:var(--surface);border:1px solid var(--rule);border-top:4px solid var(--c);box-shadow:var(--shadow);padding:22px;display:grid;grid-template-columns:110px 1fr;gap:20px;margin-bottom:16px}
.authorcard .av{width:110px;height:110px;border-radius:50%}
.authorcard h1{font-size:28px;font-weight:800}
.authorcard .role{font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--c);margin-top:5px}
.authorcard .bio{font-size:15px;color:var(--ink-2);line-height:1.6;margin-top:11px;max-width:72ch}
.authorcard .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.authorstat{display:flex;gap:22px;margin-top:14px;padding-top:13px;border-top:1px solid var(--rule);flex-wrap:wrap}
.authorstat div{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600}
.authorstat b{display:block;font-family:'Archivo',sans-serif;font-size:20px;color:var(--ink);letter-spacing:-.02em;margin-bottom:1px}
/* --- arama --- */
.searchpanel{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:18px;margin-bottom:16px}
.bigsearch{display:flex;border:2px solid var(--ink)}
.bigsearch input{flex:1;border:0;background:transparent;color:inherit;font-family:inherit;font-size:17px;padding:12px 14px;min-width:0}
.bigsearch input:focus{outline:none}
.bigsearch button{border:0;background:var(--brand);color:#fff;padding:0 22px;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.07em;text-transform:uppercase}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}
.filters label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.filters select{border:1px solid var(--rule-2);background:var(--surface-2);color:inherit;font-family:inherit;font-size:13.5px;padding:7px 10px;border-radius:2px}
.filters select:focus{outline:none;border-color:var(--brand)}
.resultinfo{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.resultinfo b{color:var(--ink)}
mark{background:rgba(211,18,42,.16);color:inherit;padding:0 2px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.chips a{background:var(--surface-2);border:1px solid var(--rule);padding:5px 10px;font-size:12.5px;border-radius:2px}
.chips a:hover{border-color:var(--brand);color:var(--brand)}
.empty{text-align:center;padding:48px 20px;color:var(--muted)}
.empty h3{font-size:19px;color:var(--ink);margin-bottom:7px}
/* --- galeri --- */
.stage{background:#0B0D11;position:relative;display:grid;place-items:center}
.stage .ph{width:100%;aspect-ratio:3/2}
.gnav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;background:rgba(0,0,0,.55);
  color:#fff;cursor:pointer;display:grid;place-items:center;z-index:3}
.gnav:hover{background:var(--brand)}
.gnav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2}
.gnav.prev{left:0}
.gnav.next{right:0}
.counter{position:absolute;left:12px;top:12px;z-index:3;background:rgba(0,0,0,.7);color:#fff;
  font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;padding:5px 11px;letter-spacing:.04em}
.gcap{background:var(--surface);border:1px solid var(--rule);border-top:0;padding:14px 16px}
.gcap h3{font-size:17px;font-weight:700;margin-bottom:5px}
.gcap p{font-size:14.5px;color:var(--ink-2);line-height:1.55}
.gstrip{display:flex;gap:7px;overflow-x:auto;padding:12px 0;scrollbar-width:thin}
.gstrip button{flex:none;width:104px;border:2px solid transparent;background:none;padding:0;cursor:pointer}
.gstrip button .ph{width:100%;aspect-ratio:4/3}
.gstrip button.on{border-color:var(--brand)}
.gstrip button:hover{border-color:var(--rule-2)}
/* --- canlı akış (son dakika) --- */
.livefeed{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:20px 22px}
.feed{position:relative;padding-left:26px}
.feed::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--rule)}
.feed li{position:relative;padding:0 0 26px}
.feed li::before{content:"";position:absolute;left:-26px;top:5px;width:14px;height:14px;border-radius:50%;
  background:var(--surface);border:3px solid var(--rule-2)}
.feed li.hot::before{border-color:var(--brand);background:var(--brand)}
.feed .stamp{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.feed time{font-family:'Archivo',sans-serif;font-weight:800;font-size:15px;color:var(--brand);font-variant-numeric:tabular-nums}
.feed .lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ink);padding:2px 7px}
.feed li.hot .lbl{background:var(--brand)}
.feed h3{font-size:18px;font-weight:700;line-height:1.25;margin-bottom:6px}
.feed li:hover h3{color:var(--brand)}
.feed p{font-size:15px;color:var(--ink-2);line-height:1.55}
.feed figure{margin-top:11px;max-width:420px}
.feed figure .ph{aspect-ratio:16/9}
/* --- bülten + footer --- */
.nl{margin-top:22px;background:var(--ink);color:#fff;padding:26px 0}
[data-theme="dark"] .nl{background:var(--surface);border-top:1px solid var(--rule)}
.nlform button{background:var(--brand);color:#fff;border:0;padding:0 22px;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
footer{background:var(--surface);border-top:3px solid var(--brand);padding:26px 0 18px}
/* --- responsive --- */
@media(max-width:1180px){ .fcols{grid-template-columns:repeat(3,1fr)} }

/* ============================================================
   YAZARLAR LİSTESİ
   (kaynak: yazarlar.html)
   ============================================================ */
:root{
  --bg:#EEF0F3;--surface:#FFFFFF;--surface-2:#F6F7F9;--ink:#15181E;--ink-2:#3D434F;
  --muted:#78808F;--rule:#E2E5EA;--rule-2:#CFD4DC;--brand:#D3122A;--brand-dk:#A50D20;
  --c-ekonomi:#0B6E4F;--c-spor:#1C4FA1;--c-teknoloji:#5B2FBF;--c-magazin:#B02A8F;
  --c-yasam:#D97400;--c-dunya:#0E7490;--up:#0B8A4B;--down:#CE2318;
  --shadow:0 1px 2px rgba(20,24,30,.06);--ph1:#2B3444;--ph2:#5B6879;
}
[data-theme="dark"]{
  --bg:#0B0D11;--surface:#14171D;--surface-2:#191D24;--ink:#EDEFF2;--ink-2:#BFC5CE;
  --muted:#848C99;--rule:#252A32;--rule-2:#333944;--brand:#EE3348;--brand-dk:#C21C31;
  --c-ekonomi:#18936C;--c-spor:#3A75D4;--c-teknoloji:#8058E0;--c-magazin:#D14CB0;
  --c-yasam:#E68A1E;--c-dunya:#1795B0;--up:#2FB973;--down:#F0574C;
  --shadow:0 1px 2px rgba(0,0,0,.5);--ph1:#1A212C;--ph2:#333D4C;
}
body{background:var(--bg);color:var(--ink);font-family:'Barlow',system-ui,sans-serif;font-size:15px;line-height:1.45}
.ph{position:relative;background:linear-gradient(135deg,var(--ph1),var(--ph2));overflow:hidden}
.ph::after{content:"";position:absolute;inset:0;mix-blend-mode:overlay;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)'/%3E%3C/svg%3E")}
.ph::before{content:"";position:absolute;left:-25%;top:-45%;width:85%;height:190%;background:radial-gradient(closest-side,rgba(255,255,255,.26),transparent 72%);transform:rotate(-20deg)}
.util{background:var(--surface);border-bottom:1px solid var(--rule);font-size:12.5px}
.head{background:var(--surface)}
.mainnav{background:var(--brand);position:sticky;top:0;z-index:60;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.crumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:12.5px;color:var(--muted);padding:14px 0 4px}
.crumb i{font-style:normal;opacity:.5}
.page{padding:10px 0}
.card{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.live time{font-size:12px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums;border-right:1px solid var(--rule);height:100%}
.mostread .rd{font-size:11px;color:var(--muted);margin-top:3px}
.adslot{background:var(--surface-2);border:1px dashed var(--rule-2);color:var(--muted);display:grid;place-items:center;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px}
.pagehead{background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--brand);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}
.pagehead h1{font-size:clamp(24px,3vw,34px);font-weight:800}
.pagehead p{color:var(--ink-2);font-size:15.5px;margin-top:7px;max-width:70ch;line-height:1.5}
.sec{margin-top:16px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.sec-h{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:2px solid var(--brand)}
.sec-h h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.sec-h a{font-size:12px;font-weight:600;color:var(--muted)}
.sec-b{padding:16px}
.pager{display:flex;gap:6px;justify-content:center;padding:22px 0 6px;flex-wrap:wrap}
.pager a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--rule-2);background:var(--surface);font-weight:600;font-size:14px;padding:0 12px}
.pager a.dis{opacity:.4;pointer-events:none}
.nl{margin-top:16px;background:var(--ink);color:#fff;padding:26px 0}
footer{background:var(--surface);border-top:3px solid var(--brand);margin-top:16px;padding:26px 0 18px}
.gcard:hover h3{color:var(--brand)}
.gcard .mt b{color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11px}
.thumbs li{display:grid;grid-template-columns:92px 1fr;gap:11px;padding:10px 12px;border-bottom:1px solid var(--rule);align-items:start}
.thumbs li:last-child{border-bottom:0}
.thumbs h4{font-size:14px;font-weight:600;line-height:1.34}
.thumbs li:hover h4{color:var(--brand)}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;display:grid;place-items:center;z-index:2}
.wsearch{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.wsearch input{flex:1;min-width:200px;border:1px solid var(--rule-2);background:var(--surface);padding:11px 14px;font-family:inherit;font-size:14.5px;color:inherit}
.wsearch input:focus{outline:none;border-color:var(--brand)}
.wsearch .alpha{display:flex;gap:2px;flex-wrap:wrap}
.wsearch .alpha a{width:32px;height:44px;display:grid;place-items:center;border:1px solid var(--rule);background:var(--surface);font-weight:600;font-size:13px}
.wsearch .alpha a:hover,.wsearch .alpha a.on{border-color:var(--brand);color:var(--brand)}
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wcard{display:grid;grid-template-columns:74px 1fr;gap:16px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:18px;align-items:start;transition:border-color .18s,transform .18s}
.wcard:hover{border-color:var(--brand);transform:translateY(-2px)}
.wcard .ph{width:74px;height:74px;border-radius:50%}
.wcard .nm{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px}
.wcard .role{font-size:12px;color:var(--brand);font-weight:600;margin:2px 0 8px}
.wcard p{font-size:13.5px;color:var(--ink-2);line-height:1.4}
.wcard .last{font-size:12px;color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--rule)}

/* ============================================================
   ETİKET
   (kaynak: etiket.html)
   ============================================================ */
.taghead{background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--brand);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:16px}
.taghead .tg{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px);color:var(--brand)}
.taghead p{color:var(--ink-2);font-size:15px;margin-top:6px}
.taghead .cnt{font-size:12.5px;color:var(--muted);margin-top:9px;font-family:'Barlow',sans-serif}
.tlist article{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:start}
.tlist article:first-child{padding-top:0}
.tlist article:last-child{border-bottom:0}
.tlist .ph{aspect-ratio:16/9}
.tlist .cat{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);display:block;margin-bottom:6px}
.tlist h3{font-size:19px;font-weight:700;line-height:1.24}
.tlist article:hover h3{color:var(--brand)}
.tlist p{font-size:14.5px;color:var(--ink-2);margin-top:7px;line-height:1.5}
.tlist .mt{font-size:12px;color:var(--muted);margin-top:9px}
.related-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.related-tags a{border:1px solid var(--rule);background:var(--surface-2);padding:6px 11px;font-size:13px;font-weight:500}
.related-tags a:hover{border-color:var(--brand);color:var(--brand)}

/* ============================================================
   ARŞİV
   (kaynak: arsiv.html)
   ============================================================ */
.arch-tools{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:16px;align-items:end}
.arch-tools .field label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.arch-tools select,.arch-tools input{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);padding:10px 12px;font-family:inherit;font-size:14px;color:inherit}
.arch-tools select:focus,.arch-tools input:focus{outline:none;border-color:var(--brand)}
.arch-tools .go{background:var(--brand);color:#fff;border:0;padding:11px 22px;font-family:'Archivo',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;height:fit-content}
.arch-tools .go:hover{background:var(--brand-dk)}
.daygroup{margin-bottom:22px}
.daygroup .dh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.daygroup .dh b{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px}
.daygroup .dh span{font-size:12.5px;color:var(--muted)}
.daygroup .dh::after{content:"";flex:1;height:1px;background:var(--rule)}
.archrow{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:10px 14px;border-bottom:1px solid var(--rule);align-items:center;background:var(--surface)}
.archrow:first-of-type{border-top:1px solid var(--rule)}
.archrow time{font-size:12.5px;font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}
.archrow a{font-size:15px;font-weight:600;line-height:1.35}
.archrow:hover a{color:var(--brand)}
.archrow .cat{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--rule);padding:3px 9px;white-space:nowrap}

/* ============================================================
   VİDEO LİSTESİ
   (kaynak: video.html)
   ============================================================ */
.vfeat{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-bottom:16px}
.vfeat .main .ph{aspect-ratio:16/9}
.vfeat .main h2{font-size:24px;margin:12px 0 8px}
.vfeat .main h2 a:hover{color:var(--brand)}
.vfeat .main p{font-size:15px;color:var(--ink-2);line-height:1.5}
.vfeat .side{display:grid;gap:0;align-content:start;border:1px solid var(--rule);background:var(--surface)}
.vfeat .side a{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:11px;border-bottom:1px solid var(--rule);align-items:center}
.vfeat .side a:last-child{border-bottom:0}
.vfeat .side .ph{aspect-ratio:16/9}
.vfeat .side h4{font-size:14px;font-weight:600;line-height:1.32}
.vfeat .side a:hover h4{color:var(--brand)}
.vfeat .side .mt{font-size:11px;color:var(--muted);margin-top:4px}
.vtabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.vtabs::-webkit-scrollbar{display:none}
.vtabs a{padding:11px 15px;font-family:'Archivo',sans-serif;font-weight:600;font-size:13.5px;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;margin-bottom:-1px}
.vtabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
.vtabs a:hover{color:var(--ink)}

/* ============================================================
   VİDEO DETAY
   (kaynak: video-detay.html)
   ============================================================ */
.vplayer{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--rule)}
.vplayer .ph{position:absolute;inset:0}
.vplayer .bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(211,18,42,.92);display:grid;place-items:center;cursor:pointer;z-index:3;border:3px solid rgba(255,255,255,.9)}
.vplayer .bigplay svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.vplayer .bar{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:24px 14px 12px;display:flex;align-items:center;gap:12px}
.vplayer .track{flex:1;height:4px;background:rgba(255,255,255,.3);border-radius:2px;position:relative}
.vplayer .track i{position:absolute;left:0;top:0;bottom:0;width:34%;background:var(--brand);border-radius:2px}
.vplayer .track i::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:11px;height:11px;background:#fff;border-radius:50%}
.vplayer .tm{color:#fff;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.vplayer .ic{color:#fff;display:grid;place-items:center;cursor:pointer}
.vplayer .ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8}
.vmeta{background:var(--surface);border:1px solid var(--rule);border-top:0;padding:18px 22px;box-shadow:var(--shadow)}
.vmeta .cat{display:inline-block;background:var(--c-teknoloji);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;margin-bottom:11px}
.vmeta h1{font-size:clamp(21px,2.6vw,30px);font-weight:800;line-height:1.15}
.vstat{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:13px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:13px;color:var(--muted)}
.vstat .who{color:var(--ink);font-weight:700;font-family:'Archivo',sans-serif}
.vstat .sep{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.vstat .sh{margin-left:auto;display:flex;gap:6px}
.vstat .sh a{width:32px;height:32px;border:1px solid var(--rule-2);display:grid;place-items:center;color:var(--ink-2)}
.vstat .sh a:hover{border-color:var(--brand);color:var(--brand)}
.vstat .sh svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.vmeta p{font-size:16px;line-height:1.65;color:var(--ink-2);margin-bottom:12px}
.playlist a{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 12px;border-bottom:1px solid var(--rule);align-items:center}
.playlist a:last-child{border-bottom:0}
.playlist a.on{background:var(--surface-2)}
.playlist .ph{aspect-ratio:16/9}
.playlist h4{font-size:13.5px;font-weight:600;line-height:1.32}
.playlist a:hover h4{color:var(--brand)}
.playlist .mt{font-size:11px;color:var(--muted);margin-top:3px}
.playlist .now{font-size:10px;font-weight:700;color:var(--brand);letter-spacing:.08em}

/* ============================================================
   GALERİ LİSTESİ
   (kaynak: galeri-liste.html)
   ============================================================ */
.gbig{position:relative;aspect-ratio:21/9;margin-bottom:16px;border:1px solid var(--rule)}
.gbig .ph{position:absolute;inset:0}
.gbig .ov{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 18px;background:linear-gradient(transparent,rgba(0,0,0,.8));z-index:2}
.gbig .cnt{display:inline-flex;align-items:center;gap:6px;background:rgba(211,18,42,.95);color:#fff;font-family:'Archivo',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;margin-bottom:10px}
.gbig .cnt svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2}
.gbig h2{color:#fff;font-size:clamp(20px,2.8vw,30px);max-width:24ch;line-height:1.15}
.gbig .mt{color:rgba(255,255,255,.8);font-size:13px;margin-top:8px}
.gcard .cnt{position:absolute;top:8px;right:8px;z-index:2;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;display:flex;align-items:center;gap:4px}
.gcard .cnt svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2}
.gcard .ph{position:relative}

/* ============================================================
   SERVİSLER
   (kaynak: servisler.html)
   ============================================================ */
.stabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.stabs::-webkit-scrollbar{display:none}
.stabs button{background:transparent;border:0;padding:13px 18px;font-family:'Archivo',sans-serif;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;display:flex;align-items:center;gap:8px}
.stabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
.stabs button:hover{color:var(--ink)}
.stabs svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.spane{display:none}
.spane.on{display:block}
/* hava */
.wx-main{display:grid;grid-template-columns:1fr 320px;gap:16px;margin-bottom:16px}
.wx-now{background:linear-gradient(135deg,#1C4FA1,#3C6099);color:#fff;padding:26px 28px;position:relative;overflow:hidden}
.wx-now .city{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px}
.wx-now .sub{font-size:13px;opacity:.8;margin-top:2px}
.wx-now .big{display:flex;align-items:center;gap:16px;margin:16px 0}
.wx-now .deg{font-family:'Archivo',sans-serif;font-weight:800;font-size:66px;line-height:1}
.wx-now .ico{font-size:52px}
.wx-now .desc{font-size:16px;font-weight:600}
.wx-now .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.25)}
.wx-now .g{font-size:13px}
.wx-now .g b{display:block;opacity:.7;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.wx-search{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:16px}
.wx-search h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:11px}
.wx-search input{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);padding:10px 12px;font-family:inherit;font-size:14px;color:inherit;margin-bottom:11px}
.wx-search input:focus{outline:none;border-color:var(--brand)}
.wx-search .cities{display:flex;flex-wrap:wrap;gap:6px}
.wx-search .cities a{border:1px solid var(--rule);background:var(--surface-2);padding:5px 10px;font-size:13px}
.wx-search .cities a:hover,.wx-search .cities a.on{border-color:var(--brand);color:var(--brand)}
.wx-week{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.wx-day{background:var(--surface);padding:14px 8px;text-align:center}
.wx-day b{font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.wx-day .ic{font-size:26px;margin:8px 0}
.wx-day .hi{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px}
.wx-day .lo{font-size:13px;color:var(--muted)}
/* tablo ortak */
.svc-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.svc-table th{background:var(--surface-2);font-family:'Archivo',sans-serif;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:11px 14px;text-align:left;border-bottom:1px solid var(--rule)}
.svc-table th.r,.svc-table td.r{text-align:right;font-variant-numeric:tabular-nums}
.svc-table td{padding:12px 14px;border-bottom:1px solid var(--rule)}
.svc-table tr:last-child td{border-bottom:0}
.svc-table .nm{font-weight:700}
.svc-table .sym{font-size:12px;color:var(--muted);font-weight:500;margin-left:6px}
.svc-table .up{color:var(--up);font-weight:600}
.svc-table .down{color:var(--down);font-weight:600}
.svc-table tr:hover td{background:var(--surface-2)}
/* namaz */
.pray-main{display:grid;grid-template-columns:1fr 320px;gap:16px}
.pray-times{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.pray-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:15px 18px;border-bottom:1px solid var(--rule);align-items:center}
.pray-row:last-child{border-bottom:0}
.pray-row.next{background:var(--surface-2);border-left:3px solid var(--brand)}
.pray-row .ic{font-size:22px;width:32px;text-align:center}
.pray-row .nm{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px}
.pray-row .st{font-size:12px;color:var(--muted)}
.pray-row .tm{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.pray-row.next .tm{color:var(--brand)}
.pray-side .card{padding:18px 20px;text-align:center}
.pray-side .countdown{font-family:'Archivo',sans-serif;font-weight:800;font-size:34px;color:var(--brand);margin:6px 0}
.pray-side .cd-lbl{font-size:13px;color:var(--muted)}

/* ============================================================
   GİRİŞ / KAYIT
   (kaynak: giris.html)
   ============================================================ */
.auth{max-width:440px;margin:30px auto;background:var(--surface);border:1px solid var(--rule);box-shadow:0 8px 30px -18px rgba(20,24,30,.4)}
.auth-tabs{display:flex;border-bottom:1px solid var(--rule)}
.auth-tabs button{flex:1;background:transparent;border:0;padding:16px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.auth-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
.auth-body{padding:26px 28px}
.auth-body h1{font-size:22px;margin-bottom:4px}
.auth-body .lead{font-size:14px;color:var(--muted);margin-bottom:20px}
.social-auth{display:grid;gap:9px;margin-bottom:18px}
.social-auth button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--rule-2);background:var(--surface);padding:11px;font-family:inherit;font-weight:600;font-size:14px;color:inherit;cursor:pointer}
.social-auth button:hover{border-color:var(--brand)}
.social-auth svg{width:18px;height:18px}
.divider{display:flex;align-items:center;gap:12px;margin:6px 0 18px;font-size:12px;color:var(--muted)}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--rule)}
.afield{margin-bottom:14px}
.afield label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.afield input{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);padding:12px 13px;font-family:inherit;font-size:14.5px;color:inherit}
.afield input:focus{outline:none;border-color:var(--brand)}
.afield .pw{position:relative}
.afield .pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--muted);cursor:pointer;padding:6px;display:grid;place-items:center}
.afield .pw svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.arow{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px;font-size:13px}
.arow label{display:flex;align-items:center;gap:7px;color:var(--ink-2)}
.arow a{color:var(--brand);font-weight:600}
.abtn{width:100%;background:var(--brand);color:#fff;border:0;padding:13px;font-family:'Archivo',sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.abtn:hover{background:var(--brand-dk)}
.aswitch{text-align:center;font-size:13.5px;color:var(--muted);margin-top:16px}
.aswitch a{color:var(--brand);font-weight:600;cursor:pointer}
.pane{display:none}
.pane.on{display:block}
.aterms{font-size:12px;color:var(--muted);line-height:1.5;margin-top:2px}
.aterms a{color:var(--brand);text-decoration:underline}

/* ============================================================
   PROFİL
   (kaynak: profil.html)
   ============================================================ */
.prof-top{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}
.prof-top .ph{width:82px;height:82px;border-radius:50%;border:3px solid var(--rule)}
.prof-top .nm{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px}
.prof-top .mail{font-size:13.5px;color:var(--muted);margin-top:2px}
.prof-top .badges{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.prof-top .badge{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border:1px solid var(--rule);border-radius:2px;color:var(--muted)}
.prof-top .badge.pri{background:var(--gold-bg,var(--surface-2));border-color:var(--brand);color:var(--brand)}
.prof-top .logout{border:1px solid var(--rule-2);background:transparent;color:var(--ink-2);padding:10px 18px;font-weight:600;font-size:13px;cursor:pointer}
.prof-top .logout:hover{border-color:var(--brand);color:var(--brand)}
.prof-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.prof-nav{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);position:sticky;top:56px}
.prof-nav a{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;border-bottom:1px solid var(--rule);border-left:3px solid transparent}
.prof-nav a:last-child{border-bottom:0}
.prof-nav a.on{border-left-color:var(--brand);color:var(--brand);font-weight:700;background:var(--surface-2)}
.prof-nav a:hover{color:var(--brand)}
.prof-nav svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.stat{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:18px;text-align:center}
.stat b{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:30px;color:var(--brand);line-height:1}
.stat span{font-size:12.5px;color:var(--muted);margin-top:6px;display:block;text-transform:uppercase;letter-spacing:.05em}
.saved article{display:grid;grid-template-columns:120px 1fr auto;gap:14px;padding:12px;border-bottom:1px solid var(--rule);align-items:center}
.saved article:last-child{border-bottom:0}
.saved .ph{aspect-ratio:16/9}
.saved h4{font-size:15px;font-weight:600;line-height:1.32}
.saved article:hover h4{color:var(--brand)}
.saved .mt{font-size:11.5px;color:var(--muted);margin-top:4px}
.saved .rm{background:transparent;border:1px solid var(--rule-2);color:var(--muted);width:32px;height:32px;display:grid;place-items:center;cursor:pointer}
.saved .rm:hover{border-color:var(--down);color:var(--down)}
.saved .rm svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.pref-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--rule)}
.pref-row:last-child{border-bottom:0}
.pref-row .t{font-size:15px;font-weight:600}
.pref-row .d{font-size:13px;color:var(--muted);margin-top:2px}
.toggle{width:44px;height:24px;border-radius:12px;background:var(--rule-2);position:relative;cursor:pointer;flex:none;transition:background .2s}
.toggle.on{background:var(--brand)}
.toggle::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.toggle.on::after{left:22px}

/* ============================================================
   İLETİŞİM
   (kaynak: iletisim.html)
   ============================================================ */
.contact{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.cform2{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:22px 24px}
.cform2 h2{font-size:20px;margin-bottom:4px}
.cform2 .sub{font-size:14px;color:var(--muted);margin-bottom:18px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);padding:11px 13px;font-family:inherit;font-size:14.5px;color:inherit}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.subbtn{background:var(--brand);color:#fff;border:0;padding:13px 26px;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.subbtn:hover{background:var(--brand-dk)}
.info-side .card{padding:18px 20px;margin-bottom:16px}
.info-side h3{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}
.info-row{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:14.5px}
.info-row:last-child{border-bottom:0}
.info-row svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:1.7;flex:none;margin-top:2px}
.info-row b{display:block;font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px}
.mapbox{aspect-ratio:4/3;background:var(--surface-2);border:1px solid var(--rule);position:relative;overflow:hidden}
.mapbox .grid{position:absolute;inset:0;background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px;opacity:.7}
.mapbox .road{position:absolute;background:var(--rule-2)}
.mapbox .pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-100%);color:var(--brand);z-index:2}
.mapbox .pin svg{width:34px;height:34px;fill:var(--brand);stroke:#fff;stroke-width:1}
.mapbox .lbl{position:absolute;left:50%;top:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--rule);font-size:11.5px;font-weight:600;padding:3px 8px;white-space:nowrap;z-index:2}

/* ============================================================
   STATİK SAYFA / KÜNYE
   (kaynak: statik.html)
   ============================================================ */
.doc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}
.doc-nav{position:sticky;top:56px;background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.doc-nav h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--rule)}
.doc-nav a{display:block;padding:9px 14px;font-size:13.5px;font-weight:500;border-bottom:1px solid var(--rule);border-left:3px solid transparent}
.doc-nav a:last-child{border-bottom:0}
.doc-nav a:hover{color:var(--brand)}
.doc-nav a.on{border-left-color:var(--brand);color:var(--brand);font-weight:700;background:var(--surface-2)}
.doc-body{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:26px 30px}
.doc-body .upd{font-size:12.5px;color:var(--muted);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--rule)}
.doc-body h1{font-size:clamp(24px,3vw,32px);font-weight:800;margin-bottom:6px}
.doc-body h2{font-size:20px;margin:26px 0 10px;padding-top:4px}
.doc-body h3{font-size:16px;margin:18px 0 8px}
.doc-body p{font-size:16px;line-height:1.7;color:var(--ink-2);margin-bottom:14px}
.doc-body ul{margin:0 0 14px}
.doc-body li{position:relative;padding-left:20px;font-size:16px;line-height:1.6;color:var(--ink-2);margin-bottom:7px}
.doc-body li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:16px 0}
.info-grid div{background:var(--surface);padding:12px 14px}
.info-grid b{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.info-grid span{font-size:15px;font-weight:600}

/* ============================================================
   404
   (kaynak: hata-404.html)
   ============================================================ */
.err{min-height:52vh;display:grid;place-items:center;text-align:center;padding:50px 0}
.err .code{font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(90px,18vw,180px);line-height:.9;color:var(--brand);letter-spacing:-.04em}
.err .code span{color:var(--ink)}
.err h1{font-size:clamp(22px,3vw,30px);margin:6px 0 10px}
.err p{font-size:16px;color:var(--muted);max-width:46ch;margin:0 auto 24px;line-height:1.55}
.err .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.err .acts a{padding:12px 22px;font-weight:700;font-size:13.5px;border:1px solid var(--rule-2)}
.err .acts a.pri{background:var(--brand);color:#fff;border-color:var(--brand)}
.err .acts a.pri:hover{background:var(--brand-dk)}
.err .acts a:hover{border-color:var(--brand);color:var(--brand)}
.err .esearch{display:flex;max-width:420px;margin:0 auto;border:1px solid var(--rule-2)}
.err .esearch input{flex:1;border:0;background:var(--surface);padding:12px 14px;font-family:inherit;font-size:14.5px;color:inherit}
.err .esearch input:focus{outline:none}
.err .esearch button{background:var(--brand);color:#fff;border:0;padding:0 20px;cursor:pointer;font-weight:700;font-size:13px}
.err .pop{margin-top:30px}
.err .pop b{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}
.err .pop a{display:inline-block;margin:0 4px 8px;border:1px solid var(--rule);background:var(--surface);padding:6px 12px;font-size:13px}
.err .pop a:hover{border-color:var(--brand);color:var(--brand)}

/* ============================================================
   DUYARLI (RESPONSIVE) KURALLAR
   ============================================================ */
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:980px){
  .layout{grid-template-columns:1fr}
  .rail{position:static;grid-template-columns:1fr 1fr;display:grid}
  .grid4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{font-size:15px}
  .hidden-m{display:none!important}
  .util .wrap{height:auto;padding:7px 14px}
  .head .wrap{flex-wrap:wrap;gap:12px;padding:12px 14px}
  .logo{font-size:30px}
  .markets{width:100%;margin-left:0;overflow-x:auto}
  .searchbox{display:none}
  .hot{grid-template-columns:1fr;padding:12px}
  .plainlist{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:14px}
  .sub2{grid-template-columns:1fr}
  .rail{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .grid4,.grid3{grid-template-columns:1fr}
  .writers{grid-template-columns:repeat(2,1fr)}
  .zodiac{grid-template-columns:repeat(4,1fr)}
  .seo .cols{columns:1}
  .nl .in{grid-template-columns:1fr;gap:18px}
  .fmain{grid-template-columns:1fr;gap:22px}
  .fcols{grid-template-columns:1fr 1fr}
  .mod-h{flex-wrap:wrap}
  .mod-h .subs{padding:8px 14px;width:100%;order:3}
  .thumbs li{grid-template-columns:80px 1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:980px){
  .layout{grid-template-columns:1fr}
  .rail{position:static;grid-template-columns:1fr 1fr}
  .grid4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .hidden-m{display:none!important}
  .util .wrap{height:auto;padding:7px 14px}
  .head .wrap{flex-wrap:wrap;gap:12px;padding:12px 14px}
  .logo{font-size:30px}
  .markets{width:100%;margin-left:0;overflow-x:auto}
  .searchbox{display:none}
  .rail{grid-template-columns:1fr}
  .grid4,.grid3{grid-template-columns:1fr}
  .article{padding:16px}
  .prose{font-size:16.5px}
  .listing li{grid-template-columns:1fr}
  .authorcard{grid-template-columns:1fr;text-align:left}
  .authorcard .av{width:84px;height:84px}
  .nl .in{grid-template-columns:1fr;gap:18px}
  .fmain{grid-template-columns:1fr;gap:22px}
  .fcols{grid-template-columns:1fr 1fr}
  .mod-h{flex-wrap:wrap}
  .mod-h .subs{padding:8px 14px;width:100%;order:3}
  .thumbs li{grid-template-columns:80px 1fr}
  .byline{gap:9px}
  .share{margin-left:0;width:100%}
  .gnav{width:36px;height:36px}
}
@media(max-width:900px){.wgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wgrid{grid-template-columns:1fr}}
@media(max-width:600px){.tlist article{grid-template-columns:1fr}}
@media(max-width:760px){.arch-tools{grid-template-columns:1fr 1fr}.archrow{grid-template-columns:52px 1fr}.archrow .cat{display:none}}
@media(max-width:820px){.wx-main,.pray-main{grid-template-columns:1fr}.wx-week{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.wx-week{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.prof-top{grid-template-columns:auto 1fr}.prof-top .logout{grid-column:1/-1}.prof-grid{grid-template-columns:1fr}.prof-nav{position:static;display:flex;overflow-x:auto}.prof-nav a{border-bottom:0;border-left:0;border-bottom:3px solid transparent;white-space:nowrap}.prof-nav a.on{border-left:0;border-bottom-color:var(--brand)}}
@media(max-width:600px){.stats-row{grid-template-columns:1fr}.saved article{grid-template-columns:90px 1fr auto}}
@media(max-width:820px){.contact{grid-template-columns:1fr}.frow{grid-template-columns:1fr}}
@media(max-width:820px){.doc{grid-template-columns:1fr}.doc-nav{position:static}}

/* ============================================================
   PHP SÜRÜMÜ İÇİN EK BİLEŞENLER
   (gerçek görseller, medya kütüphanesi, yönetim paneli)
   Orijinal tasarımdaki kurallar burada YENİDEN TANIMLANMAZ.
   ============================================================ */
/* ============================================================
   YÖNETİM PANELİ
   ============================================================ */
.admin-body{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.asidebar{background:var(--ink);color:#fff;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}
[data-theme="dark"] .asidebar{background:#080A0E;border-right:1px solid var(--rule)}
.asidebar .brand{padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.asidebar .brand .logo{font-family:'Archivo';font-weight:800;font-size:26px;color:var(--brand);line-height:1}
.asidebar .brand .logo span{color:#fff}
.asidebar .brand small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:5px}
.anav{padding:10px 0;flex:1}
.anav .grp{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.35);padding:14px 22px 6px}
.anav a{display:flex;align-items:center;gap:11px;padding:10px 22px;font-size:14px;font-weight:500;color:rgba(255,255,255,.8);border-left:3px solid transparent}
.anav a:hover{background:rgba(255,255,255,.06);color:#fff}
.anav a.on{background:rgba(211,18,42,.14);border-left-color:var(--brand);color:#fff;font-weight:600}
.anav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none}
.anav .badge{margin-left:auto;background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:9px}
.auser{padding:14px 22px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px}
.auser .av{width:36px;height:36px;border-radius:50%;flex:none}
.auser .nm{font-size:13.5px;font-weight:600}
.auser .rl{font-size:11px;color:rgba(255,255,255,.5)}
.auser a{margin-left:auto;color:rgba(255,255,255,.6)}
.auser a:hover{color:var(--brand)}
.auser svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.amain{background:var(--bg);min-width:0}
.atop{background:var(--surface);border-bottom:1px solid var(--rule);padding:14px 26px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20}
.atop h1{font-family:'Archivo';font-size:20px;font-weight:700}
.atop .sp{margin-left:auto;display:flex;gap:10px;align-items:center}
.atop .ibtn{border-color:var(--rule-2)}
.abtn-pri{background:var(--brand);color:#fff;border:0;padding:9px 18px;font-family:'Archivo';font-weight:700;font-size:13px;letter-spacing:.03em;cursor:pointer;border-radius:2px;display:inline-flex;align-items:center;gap:7px}
.abtn-pri:hover{background:var(--brand-dk)}
.abtn-pri svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.abtn-gh{background:transparent;color:var(--ink-2);border:1px solid var(--rule-2);padding:9px 16px;font-weight:600;font-size:13px;cursor:pointer;border-radius:2px}
.abtn-gh:hover{border-color:var(--brand);color:var(--brand)}
.acontent{padding:24px 26px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.kpi{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:18px 20px;position:relative;overflow:hidden}
.kpi .ico{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2)}
.kpi .ico svg{width:19px;height:19px;stroke:var(--brand);fill:none;stroke-width:1.8}
.kpi b{font-family:'Archivo';font-weight:800;font-size:30px;line-height:1;display:block}
.kpi span{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;display:block}
.kpi .tr{font-size:12px;font-weight:600;margin-top:8px}
.kpi .tr.up{color:var(--up)}
.kpi .tr.down{color:var(--down)}
.acard{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);margin-bottom:20px}
.acard-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--rule)}
.acard-h h2{font-family:'Archivo';font-size:15px;font-weight:700}
.acard-h a{font-size:12.5px;font-weight:600;color:var(--muted)}
.acard-h a:hover{color:var(--brand)}
.atable{width:100%;border-collapse:collapse;font-size:14px}
.atable th{background:var(--surface-2);font-family:'Archivo';font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:11px 16px;text-align:left;border-bottom:1px solid var(--rule)}
.atable td{padding:12px 16px;border-bottom:1px solid var(--rule);vertical-align:middle}
.atable tr:last-child td{border-bottom:0}
.atable tr:hover td{background:var(--surface-2)}
.atable .title{font-weight:600}
.atable .title a:hover{color:var(--brand)}
.atable .muted{color:var(--muted);font-size:12.5px}
.chip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:2px}
.chip.pub{background:rgba(11,138,75,.14);color:var(--up)}
.chip.draft{background:var(--surface-2);color:var(--muted)}
.chip.sched{background:rgba(217,116,0,.14);color:var(--c-yasam)}
.chip.pend{background:rgba(217,116,0,.14);color:var(--c-yasam)}
.chip.appr{background:rgba(11,138,75,.14);color:var(--up)}
.chip.spam{background:rgba(206,35,24,.14);color:var(--down)}
.rowact{display:flex;gap:6px}
.rowact a,.rowact button{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--rule-2);background:transparent;color:var(--ink-2);cursor:pointer;border-radius:2px}
.rowact a:hover{border-color:var(--brand);color:var(--brand)}
.rowact .del:hover{border-color:var(--down);color:var(--down)}
.rowact svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.afield input[type=text],.afield input[type=email],.afield input[type=password],.afield input[type=number],.afield select,.afield textarea{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);padding:11px 13px;font-family:inherit;font-size:14.5px;color:inherit}
.afield textarea{min-height:120px;resize:vertical;line-height:1.6}
.afield textarea.body{min-height:320px;font-family:'Barlow';font-size:15px}
.afield input:focus,.afield select:focus,.afield textarea:focus{outline:none;border-color:var(--brand)}
.afield .hint{font-size:12px;color:var(--muted);margin-top:5px}
.afrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.abox{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:16px}
.abox h3{font-family:'Archivo';font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.switch{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer}
.switch input{display:none}
.switch .tg{width:42px;height:23px;border-radius:12px;background:var(--rule-2);position:relative;flex:none;transition:background .2s}
.switch input:checked + .tg{background:var(--brand)}
.switch .tg::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .2s}
.switch input:checked + .tg::after{left:21px}
.switch span{font-size:14px;font-weight:500}
.alert{padding:12px 16px;margin-bottom:18px;border:1px solid var(--rule);border-left:3px solid var(--brand);background:var(--surface);font-size:14px}
.alert.ok{border-left-color:var(--up)}
.alert.err{border-left-color:var(--down)}
.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}
.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--rule);box-shadow:0 12px 40px -20px rgba(0,0,0,.4)}
.login-card .lh{padding:26px 28px 6px;text-align:center}
.login-card .logo{font-family:'Archivo';font-weight:800;font-size:32px;color:var(--brand)}
.login-card .logo span{color:var(--ink)}
.login-card .lh p{font-size:13px;color:var(--muted);margin-top:4px}
.login-card form{padding:18px 28px 28px}
.filters-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.filters-bar input,.filters-bar select{border:1px solid var(--rule-2);background:var(--surface);padding:9px 12px;font-family:inherit;font-size:14px;color:inherit}
.filters-bar input[type=search]{flex:1;min-width:180px}
.filters-bar input:focus,.filters-bar select:focus{outline:none;border-color:var(--brand)}
@media(max-width:900px){
  .admin-body{grid-template-columns:1fr}
  .asidebar{position:fixed;left:-260px;width:250px;z-index:100;transition:left .25s}
  .asidebar.open{left:0}
  .kpis{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .afrow{grid-template-columns:1fr}
}
@media(max-width:560px){.kpis{grid-template-columns:1fr}.atable{font-size:13px}.atable th:nth-child(3),.atable td:nth-child(3){display:none}}
/* ============================================================
   GERÇEK GÖRSELLER / MEDYA
   ============================================================ */
.imgbox{position:relative;overflow:hidden;background:var(--surface-2)}
.imgbox img{width:100%;height:100%;object-fit:cover;display:block}
.imgbox .play,.imgbox .dur,.imgbox .cnt{z-index:3}
/* Video oynatıcı (gömme) */
.vembed{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--rule)}
.vembed iframe,.vembed video{position:absolute;inset:0;width:100%;height:100%;border:0}
.vposter{position:absolute;inset:0;cursor:pointer;z-index:2}
.vposter .bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(211,18,42,.92);display:grid;place-items:center;border:3px solid rgba(255,255,255,.9)}
.vposter .bigplay svg{width:28px;height:28px;fill:#fff;margin-left:4px}
/* Galeri görüntüleyici */
.gviewer{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.gstage{position:relative;background:#0B0D11;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden}
.gstage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.gstage .ph{position:absolute;inset:0}
.gcount{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.7);color:#fff;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:2px;z-index:4}
.gthumbs{display:flex;gap:8px;padding:12px 14px;overflow-x:auto;border-top:1px solid var(--rule);scrollbar-width:thin}
.gthumbs button{flex:none;width:88px;aspect-ratio:4/3;border:2px solid transparent;background:none;padding:0;cursor:pointer;overflow:hidden}
.gthumbs button.on{border-color:var(--brand)}
.gthumbs img{width:100%;height:100%;object-fit:cover;display:block}
.gthumbs .ph{width:100%;height:100%}
/* Medya kütüphanesi (admin) */
/* Yükleme alanı */
/* Kapak seçici (haber formu) */
.coverpick{border:1px solid var(--rule-2);background:var(--surface-2);padding:10px}
.coverpick .prev{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--rule);margin-bottom:9px;position:relative;overflow:hidden}
.coverpick .prev img{width:100%;height:100%;object-fit:cover}
.coverpick .prev .empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12.5px;text-align:center;padding:10px}
.coverpick .row{display:flex;gap:6px}
.coverpick .row label,.coverpick .row button{flex:1;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:600;padding:7px;cursor:pointer;text-align:center}
.coverpick .row label:hover,.coverpick .row button:hover{border-color:var(--brand);color:var(--brand)}
.coverpick input[type=file]{display:none}
/* Üye giriş/kayıt (ön yüz) — tasarımdaki auth kartı */
.auth{max-width:440px;margin:30px auto;background:var(--surface);border:1px solid var(--rule);box-shadow:0 8px 30px -18px rgba(20,24,30,.4)}
.auth-tabs a{flex:1;text-align:center;padding:16px;font-family:'Archivo';font-weight:700;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.auth-tabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
/* Kaydet butonu (haber detay) */
.savebtn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule-2);background:transparent;color:var(--ink-2);padding:7px 14px;font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;border-radius:2px}
.savebtn:hover{border-color:var(--brand);color:var(--brand)}
.savebtn.on{background:var(--brand);border-color:var(--brand);color:#fff}
.savebtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}
.savebtn.on svg{fill:currentColor}

/* ---- Yorum formu: ad/e-posta alanları ----
   Orijinal tasarımda yalnızca metin alanı ve gönder düğmesi vardı.
   PHP sürümünde yorum sahibinin adı gerektiği için bu alanlar eklendi;
   görünümleri .cform textarea ile aynı tutulur. */
.cform .row{flex-wrap:wrap}
.cform .row input[type=text],
.cform .row input[type=email]{
  flex:1 1 160px;min-width:0;
  border:1px solid var(--rule-2);background:var(--surface-2);color:inherit;
  font-family:inherit;font-size:14px;padding:9px 11px;border-radius:2px;
}
.cform .row input[type=text]:focus,
.cform .row input[type=email]:focus{outline:none;border-color:var(--brand)}
.cform .row input:disabled{opacity:.6;cursor:not-allowed}
.cform .row .btn{flex:0 0 auto}
.cform > small{display:block;font-size:12px;color:var(--muted);margin-top:9px;line-height:1.5}
.cform > small a{color:var(--brand)}
@media(max-width:560px){
  .cform .row{gap:8px}
  .cform .row input[type=text],
  .cform .row input[type=email]{flex:1 1 100%}
  .cform .row .btn{width:100%}
}

/* ---- Burç sayfası ---- */
.zhead{background:var(--surface);border:1px solid var(--rule);border-left:4px solid var(--c-magazin);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.zhead .zsym{width:78px;height:78px;border-radius:50%;background:var(--surface-2);border:1px solid var(--rule);display:grid;place-items:center;font-size:38px;color:var(--c-magazin)}
.zhead h1{font-size:clamp(24px,3vw,32px);font-weight:800}
.zhead .zdate{font-size:14px;color:var(--brand);font-weight:600;margin-top:2px}
.zhead .zmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.zhead .zmeta span{font-size:12px;border:1px solid var(--rule);background:var(--surface-2);padding:4px 10px;color:var(--ink-2)}
.zread{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);margin-bottom:16px}
.zread .zr-h{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:2px solid var(--c-magazin)}
.zread .zr-h h2{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.zread .zr-h time{font-size:12.5px;color:var(--muted)}
.zread .zr-b{padding:18px 20px;font-size:16.5px;line-height:1.75;color:var(--ink-2)}
.zread .zr-b p{margin-bottom:12px}
.zread .empty{padding:30px 20px;text-align:center;color:var(--muted);font-size:14.5px}
.zgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}
.zgrid a{background:var(--surface);border:1px solid var(--rule);padding:12px 6px;text-align:center;font-size:12.5px;font-weight:600}
.zgrid a .s{display:block;font-size:22px;color:var(--c-magazin);margin-bottom:3px}
.zgrid a:hover{border-color:var(--c-magazin);color:var(--c-magazin)}
.zgrid a.on{background:var(--c-magazin);border-color:var(--c-magazin);color:#fff}
.zgrid a.on .s{color:#fff}
.zhist li{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:11px 14px;border-bottom:1px solid var(--rule);align-items:start}
.zhist li:last-child{border-bottom:0}
.zhist time{font-size:12px;font-weight:700;color:var(--muted)}
.zhist p{font-size:14px;line-height:1.5;color:var(--ink-2)}
@media(max-width:760px){
  .zgrid{grid-template-columns:repeat(4,1fr)}
  .zhead{grid-template-columns:1fr;text-align:center}
  .zhead .zsym{margin:0 auto}
  .zhead .zmeta{justify-content:center}
}
@media(max-width:420px){.zgrid{grid-template-columns:repeat(3,1fr)}.zhist li{grid-template-columns:1fr}}

/* ---- Footer imzası (Tasarım & Altyapı) ---- */
.fbot .credit{color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.fbot .credit::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--rule-2);margin-right:5px}
.fbot .credit a,.fbot .credit b{color:var(--ink-2);font-weight:600;font-family:'Archivo',sans-serif;letter-spacing:-.01em}
.fbot .credit a:hover{color:var(--brand)}
@media(max-width:640px){
  .fbot .credit{width:100%;margin-top:4px}
  .fbot .credit::before{display:none}
}

/* ============================================================
   YÖNETİM PANELİ — PREMIUM KATMAN
   (mevcut admin kurallarının üzerine biner)
   ============================================================ */
:root{
  --a-radius:8px; --a-radius-sm:6px;
  --a-shadow-sm:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --a-shadow-md:0 4px 12px -2px rgba(16,24,40,.10),0 2px 6px -2px rgba(16,24,40,.06);
  --a-shadow-lg:0 18px 40px -12px rgba(16,24,40,.22);
  --a-ring:0 0 0 3px rgba(211,18,42,.14);
}
[data-theme="dark"]{
  --a-shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --a-shadow-md:0 6px 16px -4px rgba(0,0,0,.55);
  --a-shadow-lg:0 22px 48px -12px rgba(0,0,0,.7);
  --a-ring:0 0 0 3px rgba(238,51,72,.2);
}

/* ---- Kenar çubuğu ---- */
.asidebar{background:linear-gradient(180deg,#12151B 0%,#0C0E13 100%);border-right:1px solid rgba(255,255,255,.06)}
[data-theme="dark"] .asidebar{background:linear-gradient(180deg,#0A0C10 0%,#07080B 100%)}
.asidebar .brand{padding:22px 22px 18px;border-bottom:1px solid rgba(255,255,255,.07)}
.anav a{position:relative;border-left:0;margin:1px 10px;padding:9px 12px;border-radius:var(--a-radius-sm);
  transition:background .16s,color .16s,transform .16s}
.anav a:hover{background:rgba(255,255,255,.07);transform:translateX(2px)}
.anav a.on{background:linear-gradient(90deg,rgba(211,18,42,.26),rgba(211,18,42,.08));color:#fff;font-weight:600}
.anav a.on::before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);
  width:3px;height:60%;border-radius:0 3px 3px 0;background:var(--brand)}
.anav .grp{padding:16px 22px 6px;font-size:10px;color:rgba(255,255,255,.32)}
.anav .badge{background:var(--brand);box-shadow:0 0 0 2px rgba(211,18,42,.22);font-size:10.5px;padding:1px 6px}
.auser{padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.22)}
.auser .imgbox{width:36px;height:36px;flex:none}

/* daraltılmış kenar çubuğu */
.admin-body.mini{grid-template-columns:76px 1fr}
.admin-body.mini .asidebar .brand small,
.admin-body.mini .anav a span:not(.badge),
.admin-body.mini .anav .grp,
.admin-body.mini .auser div:not(.imgbox):not(.ph){display:none}
.admin-body.mini .asidebar .brand .logo{font-size:20px}
.admin-body.mini .anav a{justify-content:center;padding:11px 0;margin:2px 12px}
.admin-body.mini .anav .badge{position:absolute;top:4px;right:8px}
.admin-body.mini .auser{justify-content:center}

/* ---- Üst çubuk ---- */
.atop{padding:12px 22px;gap:12px;backdrop-filter:saturate(180%) blur(6px);
  background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--a-shadow-sm)}
.atop h1{font-size:19px;letter-spacing:-.015em}
.atop .crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.atop .crumbs a:hover{color:var(--brand)}
.atop .crumbs i{font-style:normal;opacity:.45}
/* komut paleti tetikleyici */
.cmdk{display:flex;align-items:center;gap:8px;border:1px solid var(--rule-2);background:var(--surface-2);
  color:var(--muted);padding:7px 10px;border-radius:var(--a-radius-sm);font:inherit;font-size:13px;
  cursor:pointer;min-width:210px;transition:border-color .16s,box-shadow .16s}
.cmdk:hover{border-color:var(--rule-2);box-shadow:var(--a-shadow-sm)}
.cmdk svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.cmdk kbd{margin-left:auto;font:600 10.5px/1 'Barlow',sans-serif;border:1px solid var(--rule-2);
  border-bottom-width:2px;border-radius:4px;padding:3px 5px;color:var(--ink-2);background:var(--surface)}
.atop .ibtn{border-radius:var(--a-radius-sm);width:34px;height:34px;transition:border-color .16s,color .16s}

/* ---- Kartlar ---- */
.acard,.abox,.kpi{border-radius:var(--a-radius);box-shadow:var(--a-shadow-sm)}
.acard-h{padding:15px 20px}
.acard-h h2{font-size:14.5px;letter-spacing:-.01em}
.kpi{padding:18px 20px;transition:transform .18s,box-shadow .18s;overflow:hidden;position:relative}
.kpi:hover{transform:translateY(-2px);box-shadow:var(--a-shadow-md)}
.kpi::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand),transparent 70%);opacity:.85}
.kpi .ico{border-radius:10px;background:color-mix(in srgb, var(--brand) 10%, var(--surface-2))}
.kpi b{font-size:32px;letter-spacing:-.03em}
.kpi .tr{display:inline-flex;align-items:center;gap:4px}

/* ---- Butonlar ---- */
.abtn-pri,.abtn-gh{border-radius:var(--a-radius-sm);transition:background .16s,box-shadow .16s,border-color .16s,transform .12s}
.abtn-pri{box-shadow:0 1px 2px rgba(165,13,32,.28)}
.abtn-pri:hover{box-shadow:0 4px 12px -2px rgba(165,13,32,.4)}
.abtn-pri:active,.abtn-gh:active{transform:translateY(1px)}
.abtn-gh:hover{background:var(--surface-2)}

/* ---- Form ---- */
.afield input[type=text],.afield input[type=email],.afield input[type=password],
.afield input[type=number],.afield input[type=date],.afield select,.afield textarea,
.filters-bar input,.filters-bar select{border-radius:var(--a-radius-sm);transition:border-color .16s,box-shadow .16s}
.afield input:focus,.afield select:focus,.afield textarea:focus,
.filters-bar input:focus,.filters-bar select:focus{box-shadow:var(--a-ring)}
.afield label{font-size:12px;letter-spacing:.04em}
/* karakter sayacı */
.charcount{float:right;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.charcount.warn{color:var(--c-yasam)}
.charcount.over{color:var(--down);font-weight:600}

/* ---- Tablolar ---- */
.atable th{position:sticky;top:0;z-index:2;background:var(--surface-2);
  border-bottom:1px solid var(--rule);font-size:10.5px}
.atable tbody tr{transition:background .12s}
.atable tbody tr:hover td{background:color-mix(in srgb, var(--brand) 4%, var(--surface))}
.atable td{padding:13px 16px}
.atable tr.sel td{background:color-mix(in srgb, var(--brand) 8%, var(--surface))}
.atable .cb{width:34px}
.atable input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}
.rowact a,.rowact button{border-radius:var(--a-radius-sm);transition:border-color .16s,color .16s,background .16s}
.rowact a:hover,.rowact button:hover{background:var(--surface-2)}
.chip{border-radius:999px;padding:3px 10px;font-size:10.5px}

/* toplu işlem çubuğu */
.bulkbar{position:sticky;bottom:16px;z-index:30;margin:14px 0 0;display:none;
  align-items:center;gap:12px;padding:12px 16px;border-radius:var(--a-radius);
  background:var(--ink);color:#fff;box-shadow:var(--a-shadow-lg)}
.bulkbar.show{display:flex}
.bulkbar .n{font-family:'Archivo',sans-serif;font-weight:700;font-size:14px}
.bulkbar .sp{margin-left:auto;display:flex;gap:8px}
.bulkbar button{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;
  padding:7px 14px;font:600 12.5px/1 'Barlow',sans-serif;border-radius:var(--a-radius-sm);cursor:pointer}
.bulkbar button:hover{background:rgba(255,255,255,.12)}
.bulkbar button.danger:hover{background:var(--down);border-color:var(--down)}
.bulkbar .x{border:0;opacity:.65}

/* ---- Uyarı / toast ---- */
.alert{border-radius:var(--a-radius);box-shadow:var(--a-shadow-sm);display:flex;gap:10px;align-items:flex-start}
.alert svg{width:17px;height:17px;flex:none;margin-top:1px;stroke:currentColor;fill:none;stroke-width:2}
.toasts{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:380px}
.toast{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--rule);
  border-left:3px solid var(--up);border-radius:var(--a-radius);box-shadow:var(--a-shadow-lg);
  padding:13px 15px;font-size:14px;animation:tin .28s cubic-bezier(.2,.8,.2,1)}
.toast.err{border-left-color:var(--down)}
.toast svg{width:17px;height:17px;flex:none;margin-top:1px;stroke:currentColor;fill:none;stroke-width:2}
.toast .cls{margin-left:auto;background:none;border:0;color:var(--muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}
@keyframes tin{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.toast.out{animation:tout .22s ease forwards}
@keyframes tout{to{opacity:0;transform:translateX(16px)}}

/* ---- Komut paleti ---- */
.cmd-ov{position:fixed;inset:0;z-index:300;background:rgba(10,12,16,.55);backdrop-filter:blur(3px);
  display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.cmd-ov.open{display:flex}
.cmd{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--rule);
  border-radius:12px;box-shadow:var(--a-shadow-lg);overflow:hidden;animation:cin .18s ease}
@keyframes cin{from{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:none}}
.cmd-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--rule)}
.cmd-in svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:2}
.cmd-in input{flex:1;border:0;background:transparent;font:inherit;font-size:16px;color:inherit}
.cmd-in input:focus{outline:none}
.cmd-in kbd{font:600 10.5px/1 'Barlow',sans-serif;border:1px solid var(--rule-2);border-radius:4px;padding:3px 5px;color:var(--muted)}
.cmd-list{max-height:min(420px,52vh);overflow-y:auto;padding:6px}
.cmd-sec{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);padding:10px 12px 6px}
.cmd-it{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--a-radius-sm);
  cursor:pointer;font-size:14.5px}
.cmd-it .ic{width:26px;height:26px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;flex:none}
.cmd-it .ic svg{width:14px;height:14px;stroke:var(--ink-2);fill:none;stroke-width:1.9}
.cmd-it .sub{margin-left:auto;font-size:12px;color:var(--muted)}
.cmd-it.on,.cmd-it:hover{background:color-mix(in srgb, var(--brand) 9%, var(--surface))}
.cmd-it.on .ic{background:var(--brand)}
.cmd-it.on .ic svg{stroke:#fff}
.cmd-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:14px}
.cmd-foot{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--rule);
  font-size:11.5px;color:var(--muted);background:var(--surface-2)}
.cmd-foot b{font-weight:600;color:var(--ink-2)}

/* ---- Grafik ---- */
.chart{width:100%;height:170px;display:block}
.chart .bar{fill:var(--brand);opacity:.85;transition:opacity .15s}
.chart .bar:hover{opacity:1}
.chart .grid{stroke:var(--rule);stroke-width:1}
.chart .lbl{fill:var(--muted);font:10px 'Barlow',sans-serif}
.chart .area{fill:color-mix(in srgb, var(--brand) 12%, transparent)}
.chart .line{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round}
.chart .dot{fill:var(--surface);stroke:var(--brand);stroke-width:2}
.legend{display:flex;flex-wrap:wrap;gap:10px 16px;padding:14px 20px 0}
.legend span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2)}
.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}
/* kategori dağılım çubuğu */
.distro{padding:16px 20px}
.distro .row{display:grid;grid-template-columns:110px 1fr 44px;gap:10px;align-items:center;margin-bottom:9px;font-size:13px}
.distro .track{height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.distro .fill{height:100%;border-radius:99px}
.distro .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px}

/* ---- Aktivite akışı ---- */
.feedlist{padding:6px 0}
.feedlist li{display:grid;grid-template-columns:30px 1fr auto;gap:11px;padding:11px 20px;align-items:start}
.feedlist li + li{border-top:1px solid var(--rule)}
.feedlist .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font:700 11px/1 'Archivo',sans-serif;color:#fff;background:var(--brand);flex:none}
.feedlist p{font-size:13.5px;line-height:1.45}
.feedlist p b{font-weight:600}
.feedlist time{font-size:11.5px;color:var(--muted);white-space:nowrap}

/* ---- Hızlı eylemler ---- */
.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px 20px}
.quick a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--rule);
  border-radius:var(--a-radius-sm);font-size:13.5px;font-weight:600;background:var(--surface);
  transition:border-color .16s,transform .16s,box-shadow .16s}
.quick a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px);box-shadow:var(--a-shadow-sm)}
.quick svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.9}

/* ---- Boş durum ---- */
.empty-state{padding:44px 24px;text-align:center}
.empty-state .ic{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:var(--surface-2);
  display:grid;place-items:center}
.empty-state .ic svg{width:24px;height:24px;stroke:var(--muted);fill:none;stroke-width:1.7}
.empty-state h3{font-family:'Archivo',sans-serif;font-size:16px;margin-bottom:6px}
.empty-state p{font-size:14px;color:var(--muted);max-width:44ch;margin:0 auto 16px;line-height:1.55}

/* ---- Giriş ekranı ---- */
.login-wrap{background:
  radial-gradient(1000px 500px at 15% -10%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 60%),
  radial-gradient(800px 400px at 110% 110%, color-mix(in srgb, var(--c-teknoloji) 14%, transparent), transparent 60%),
  var(--bg)}
.login-card{border-radius:14px;box-shadow:var(--a-shadow-lg)}
.login-card .lh{padding:30px 30px 8px}

@media(max-width:900px){
  .cmdk{min-width:0}.cmdk kbd,.cmdk span{display:none}
  .atop .crumbs{display:none}
  .admin-body.mini{grid-template-columns:1fr}
}

/* ---- Yüklenen logo görseli ---- */
.logo .logo-img{max-height:44px;width:auto;display:block}
.logo .logo-img.dark{display:none}
[data-theme="dark"] .logo .logo-img.light{display:none}
[data-theme="dark"] .logo .logo-img.dark{display:block}
.mainnav .nlogo img{max-height:22px;width:auto;vertical-align:middle}
@media(max-width:640px){.logo .logo-img{max-height:34px}}

/* ============================================================
   ABONELİK VE ÖDEME
   ============================================================ */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:22px 0 26px}
.plan{position:relative;border:1px solid var(--rule);background:var(--surface);border-radius:10px;padding:26px 22px 22px;
  display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s}
.plan:hover{border-color:var(--brand);box-shadow:0 12px 30px -12px rgba(16,24,40,.18);transform:translateY(-2px)}
.plan.hot{border-color:var(--brand);border-width:2px;padding-top:30px}
.plan .tag{position:absolute;top:-11px;left:22px;background:var(--brand);color:#fff;
  font:700 10.5px/1 'Barlow',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:99px}
.plan h3{font-family:'Archivo',sans-serif;font-size:19px;letter-spacing:-.01em;margin-bottom:6px}
.plan .pd{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:16px}
.plan .price{display:flex;align-items:baseline;gap:3px;margin-bottom:2px}
.plan .price b{font-family:'Archivo',sans-serif;font-size:38px;font-weight:800;letter-spacing:-.035em;line-height:1}
.plan .price span{font-size:20px;font-weight:700;color:var(--ink-2)}
.plan .price em{font-style:normal;font-size:14px;color:var(--muted);margin-left:5px}
.plan .permo{font-size:12.5px;color:var(--muted);margin-bottom:18px}
.plan .feats{list-style:none;margin:16px 0 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.plan .feats li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45}
.plan .feats svg{width:16px;height:16px;flex:none;margin-top:2px;stroke:var(--brand);fill:none;stroke-width:2.4}
.plan .btn{width:100%;justify-content:center;text-align:center}
.paybtns{display:flex;flex-direction:column;gap:8px}
.paynote{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--rule);background:var(--surface-2);
  border-radius:10px;padding:16px 18px;font-size:13.5px;line-height:1.6;color:var(--ink-2);margin-bottom:30px}
.paynote svg{width:22px;height:22px;flex:none;stroke:var(--up);fill:none;stroke-width:1.8}
.paynote em{color:var(--muted)}

.paywrap{max-width:760px;margin:22px auto 40px}
.payhead{border:1px solid var(--rule);border-radius:10px 10px 0 0;background:var(--surface-2);padding:20px 22px}
.payhead h1{font-size:22px;margin-bottom:10px}
.payhead .sum{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.payhead .sum b{font-family:'Archivo',sans-serif;font-size:24px;letter-spacing:-.02em}
.payhead .oid{font-size:12px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}
.payframe{border:1px solid var(--rule);border-top:0;background:var(--surface);padding:18px;min-height:420px}
.payframe iframe{border:0;width:100%;min-height:420px}
.payfoot{font-size:12.5px;color:var(--muted);line-height:1.6;padding:14px 4px 0;text-align:center}
.alt{font-size:13px;text-align:center;padding:10px 0}

.payresult{max-width:560px;margin:40px auto 60px;text-align:center;border:1px solid var(--rule);
  background:var(--surface);border-radius:12px;padding:38px 30px 30px}
.payresult .ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center}
.payresult.good .ic{background:color-mix(in srgb,var(--up) 14%,transparent)}
.payresult.bad .ic{background:color-mix(in srgb,var(--down) 14%,transparent)}
.payresult .ic svg{width:30px;height:30px;fill:none;stroke-width:2.4}
.payresult.good .ic svg{stroke:var(--up)}
.payresult.bad .ic svg{stroke:var(--down)}
.payresult h1{font-size:24px;margin-bottom:10px}
.payresult p{font-size:15px;color:var(--ink-2);line-height:1.6;margin-bottom:22px}
.payresult small{color:var(--muted);font-size:13px}
.orderbox{width:100%;border:1px solid var(--rule);border-radius:8px;overflow:hidden;margin-bottom:22px;text-align:left}
.orderbox th{width:40%;background:var(--surface-2);padding:10px 14px;font-size:12.5px;color:var(--muted);
  font-weight:600;text-align:left;border-bottom:1px solid var(--rule)}
.orderbox td{padding:10px 14px;font-size:13.5px;border-bottom:1px solid var(--rule)}
.orderbox tr:last-child th,.orderbox tr:last-child td{border-bottom:0}
.payresult .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.notice{border:1px solid var(--rule);background:var(--surface-2);border-radius:8px;padding:14px 16px;
  font-size:14px;line-height:1.55;margin:18px 0}
.notice.ok{border-left:3px solid var(--up)}
@media(max-width:640px){.plan .price b{font-size:32px}.payresult{padding:30px 20px 24px}}

/* ---- Üye profilinde abonelik durumu ---- */
.subok{display:flex;gap:12px;align-items:flex-start}
.subok svg{width:26px;height:26px;flex:none;stroke:var(--up);fill:none;stroke-width:1.8}
.subok b{display:block;font-size:14.5px;margin-bottom:2px}
.subok span{font-size:13.5px;color:var(--muted);line-height:1.5}
.subno p{font-size:14px;color:var(--ink-2);line-height:1.55;margin-bottom:12px}

/* ============================================================
   HABER EDİTÖRÜ
   ============================================================ */
.ed{border:1px solid var(--rule);border-radius:var(--a-radius,8px);background:var(--surface);overflow:hidden}
.ed-bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:7px 8px;
  background:var(--surface-2);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:5}
.ed-b{width:31px;height:31px;display:grid;place-items:center;border:1px solid transparent;
  background:transparent;border-radius:6px;cursor:pointer;color:var(--ink-2);transition:background .13s,color .13s}
.ed-b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ed-b:hover{background:var(--surface);color:var(--ink);border-color:var(--rule)}
.ed-b.on{background:var(--brand);color:#fff}
.ed-sep{width:1px;height:20px;background:var(--rule);margin:0 5px}
.ed-sel{height:31px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);
  color:var(--ink);font:600 12.5px/1 'Barlow',sans-serif;padding:0 8px;cursor:pointer;min-width:140px}
.ed-area{min-height:440px;max-height:70vh;overflow-y:auto;padding:22px 26px;
  font:16.5px/1.75 'Barlow',Georgia,serif;color:var(--ink);outline:none}
.ed-area:focus{outline:none}
.ed-area>*:first-child{margin-top:0}
.ed-area p{margin:0 0 1.05em}
.ed-area h2{font:700 24px/1.3 'Archivo',sans-serif;letter-spacing:-.02em;margin:1.5em 0 .5em}
.ed-area h3{font:700 19px/1.35 'Archivo',sans-serif;margin:1.4em 0 .45em}
.ed-area h4{font:700 16px/1.4 'Archivo',sans-serif;margin:1.3em 0 .4em}
.ed-area a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.ed-area ul,.ed-area ol{margin:0 0 1.05em;padding-left:1.5em}
.ed-area li{margin-bottom:.4em}
.ed-area blockquote{margin:1.3em 0;padding:2px 0 2px 18px;border-left:3px solid var(--brand);
  font:italic 17.5px/1.6 'Barlow',serif;color:var(--ink-2)}
.ed-area blockquote p:last-child{margin-bottom:0}
.ed-area code{background:var(--surface-2);border:1px solid var(--rule);border-radius:4px;
  padding:1px 5px;font:13.5px/1.5 ui-monospace,monospace}
.ed-area pre{background:var(--surface-2);border:1px solid var(--rule);border-radius:6px;
  padding:13px 15px;margin:1.2em 0;overflow-x:auto;font:13.5px/1.6 ui-monospace,monospace;white-space:pre-wrap}
.ed-area hr{border:0;border-top:2px solid var(--rule);margin:1.7em 0}
.ed-area figure{margin:1.5em 0;position:relative}
.ed-area figure img,.ed-area>img{max-width:100%;height:auto;display:block;border-radius:6px}
.ed-area figcaption{font:13px/1.5 'Barlow',sans-serif;color:var(--muted);padding:7px 2px 0;
  border-bottom:1px solid var(--rule);padding-bottom:8px}
.ed-area figure.wide{margin-left:-26px;margin-right:-26px}
.ed-area figure.wide img{border-radius:0}
.ed-area figure.left{float:left;width:46%;margin:.4em 1.3em 1em 0}
.ed-area figure.right{float:right;width:46%;margin:.4em 0 1em 1.3em}
.ed-area figure.embed{aspect-ratio:16/9}
.ed-area figure.embed iframe{width:100%;height:100%;border:0;border-radius:6px}
.ed-area figure.sel{outline:2px solid var(--brand);outline-offset:4px;border-radius:6px}
.ed-area table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:14.5px}
.ed-area th,.ed-area td{border:1px solid var(--rule);padding:8px 11px;text-align:left}
.ed-area th{background:var(--surface-2);font-weight:700}
.ed-area:empty:before{content:'Haber metnini buraya yazın…';color:var(--muted)}
.ed-src{width:100%;min-height:440px;max-height:70vh;border:0;padding:18px 20px;resize:vertical;
  font:13px/1.65 ui-monospace,SFMono-Regular,monospace;background:var(--surface-2);color:var(--ink);outline:none}
.ed-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  padding:8px 14px;background:var(--surface-2);border-top:1px solid var(--rule);
  font:12.5px/1.4 'Barlow',sans-serif;color:var(--muted)}
.ed-stat{font-variant-numeric:tabular-nums}
.ed-hint{font-size:11.5px;opacity:.75}
.ed.ed-fs{position:fixed;inset:0;z-index:200;border-radius:0;display:flex;flex-direction:column}
.ed.ed-fs .ed-area,.ed.ed-fs .ed-src{max-height:none;flex:1}
.ed-draft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;
  background:color-mix(in srgb,var(--c-yasam,#c8860d) 12%,transparent);
  border-bottom:1px solid var(--rule);font-size:13px}
.ed-draft span{flex:1;min-width:200px}
.ed-figbar{display:flex;gap:6px;flex-wrap:wrap;padding:9px 14px;background:var(--surface-2);
  border-top:1px solid var(--rule)}

/* ---- editör pencereleri ---- */
.ed-ov{position:fixed;inset:0;background:rgba(12,16,24,.55);backdrop-filter:blur(3px);
  z-index:300;display:grid;place-items:center;padding:20px;animation:edin .14s ease-out}
@keyframes edin{from{opacity:0}to{opacity:1}}
.ed-modal{background:var(--surface);border:1px solid var(--rule);border-radius:10px;
  box-shadow:0 24px 60px -18px rgba(12,16,24,.5);width:min(720px,100%);max-height:88vh;
  display:flex;flex-direction:column;overflow:hidden}
.ed-mh{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;
  border-bottom:1px solid var(--rule)}
.ed-mh h3{font:700 16px/1.3 'Archivo',sans-serif;margin:0}
.ed-mx{border:0;background:transparent;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.ed-mx:hover{color:var(--ink)}
.ed-mb{padding:18px;overflow-y:auto;flex:1}
.ed-mf{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;
  border-top:1px solid var(--rule);background:var(--surface-2)}
.ed-btn{border:1px solid var(--rule);background:var(--surface);color:var(--ink);
  font:600 13px/1 'Barlow',sans-serif;padding:9px 15px;border-radius:6px;cursor:pointer}
.ed-btn:hover{border-color:var(--brand);color:var(--brand)}
.ed-btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.ed-btn.pri:hover{filter:brightness(1.07);color:#fff}
.ed-btn.dng{color:var(--down);border-color:var(--rule)}
.ed-btn.dng:hover{background:var(--down);border-color:var(--down);color:#fff}
.ed-form label{display:block;font:600 12.5px/1 'Barlow',sans-serif;color:var(--ink-2);margin:14px 0 6px}
.ed-form label:first-child{margin-top:0}
.ed-form input[type=text],.ed-form input[type=number],.ed-form select{width:100%;height:38px;
  border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);
  padding:0 11px;font:14px/1 'Barlow',sans-serif}
.ed-form input:focus,.ed-form select:focus{outline:none;border-color:var(--brand);box-shadow:var(--a-ring,0 0 0 3px rgba(211,18,42,.12))}
.ed-chk{display:flex!important;align-items:center;gap:8px;font-weight:500!important;cursor:pointer}
.ed-chk input{width:16px;height:16px;accent-color:var(--brand)}
.ed-note{font-size:12.5px;line-height:1.55;color:var(--muted);margin-top:10px}
.ed-note code{background:var(--surface-2);padding:1px 5px;border-radius:3px;font-size:12px}
.ed-mini{font-weight:400;color:var(--muted)}
.ed-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ed-tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);margin-bottom:16px}
.ed-tabs button{border:0;background:transparent;font:600 13px/1 'Barlow',sans-serif;color:var(--muted);
  padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.ed-tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}
.ed-search{margin-bottom:12px}
.ed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;
  max-height:330px;overflow-y:auto;padding:2px}
.ed-cell{border:2px solid var(--rule);border-radius:7px;background:var(--surface-2);padding:0;
  cursor:pointer;overflow:hidden;position:relative;aspect-ratio:4/3}
.ed-cell img{width:100%;height:100%;object-fit:cover;display:block}
.ed-cell span{position:absolute;inset:auto 0 0 0;background:rgba(12,16,24,.72);color:#fff;
  font:600 10.5px/1 'Barlow',sans-serif;padding:4px 6px;text-align:center}
.ed-cell:hover{border-color:var(--brand)}
.ed-cell.on{border-color:var(--brand);box-shadow:0 0 0 3px rgba(211,18,42,.18)}
.ed-load{grid-column:1/-1;padding:34px 12px;text-align:center;color:var(--muted);font-size:13.5px}
.ed-load.err{color:var(--down)}
.ed-pager{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}
.ed-pg{min-width:30px;height:30px;border:1px solid var(--rule);background:var(--surface);
  color:var(--ink-2);border-radius:5px;font:600 12.5px/1 'Barlow',sans-serif;cursor:pointer}
.ed-pg.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ed-drop{border:2px dashed var(--rule);border-radius:9px;padding:34px 20px;text-align:center;
  cursor:pointer;transition:border-color .15s,background .15s}
.ed-drop:hover,.ed-drop.over{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,transparent)}
.ed-drop b{display:block;font:700 15px/1.3 'Archivo',sans-serif;margin-bottom:5px}
.ed-drop span{font-size:12.5px;color:var(--muted)}
.ed-upst{margin-top:13px;font-size:13px;text-align:center}
.ed-upst .err{color:var(--down)}
.ed-upst .ok{color:var(--up)}
.ed-uprev{margin-top:12px}
.ed-uprev img{max-width:210px;border-radius:6px;border:1px solid var(--rule)}
.ed-imgopt{border-top:1px solid var(--rule);margin-top:18px;padding-top:16px}
@media(max-width:700px){
  .ed-area{padding:16px 15px;font-size:16px;min-height:340px}
  .ed-area figure.left,.ed-area figure.right{float:none;width:100%;margin:1.3em 0}
  .ed-area figure.wide{margin-left:-15px;margin-right:-15px}
  .ed-hint{display:none}
  .ed-two{grid-template-columns:1fr}
}

/* ============================================================
   ADMİN PANELİ — TAM GENİŞLİK DÜZEN VE MODERN ETKİLEŞİMLER
   ============================================================ */

/* ---- içerik alanı: kenardan kenara ---- */
.acontent{padding:22px 28px 40px;max-width:none;width:100%}
.acontent>form,.acontent>.acard,.acontent>.setgrid{max-width:none}
@media(min-width:1600px){.acontent{padding:24px 40px 48px}}
@media(max-width:700px){.acontent{padding:16px 14px 32px}}

/* form-grid: sağ kolon oranlı, geniş ekranda daha ferah */
.form-grid{grid-template-columns:minmax(0,1fr) clamp(280px,24%,420px)}
@media(max-width:1100px){.form-grid{grid-template-columns:1fr}}

/* kart içi standart dolgu (satır içi style yerine) */
.cardpad{padding:18px 22px}
@media(min-width:1600px){.cardpad{padding:22px 26px}}

/* geniş ekranda KPI'lar dağılmasın */
@media(min-width:1500px){.kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}

/* üç kolonlu form satırı */
.afrow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:900px){.afrow3{grid-template-columns:1fr}}
@media(max-width:700px){.afrow{grid-template-columns:1fr}}

/* ---- tablolar: tam genişlik, yapışkan başlık, hizalı sayılar ---- */
.acard>.atable,.atable{width:100%}
.atable thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);
  backdrop-filter:saturate(140%) blur(2px)}
.atable td,.atable th{vertical-align:middle}
.atable tbody tr{transition:background .12s}
.atable tbody tr:hover{background:var(--surface-2)}
.atable td.mono{font:12.5px/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--ink-2)}
.atable td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.atable .title a{font-weight:600}
.atable tbody tr.rowbusy{opacity:.45;pointer-events:none}

/* ---- satır işlemleri: modern, etiketli, erişilebilir ---- */
.rowact{display:flex;gap:5px;justify-content:flex-end}
.rowact a,.rowact button{position:relative;width:32px;height:32px;display:grid;place-items:center;
  border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;
  border-radius:7px;transition:background .14s,color .14s,border-color .14s}
.rowact a:hover,.rowact button:hover{background:var(--surface-2);border-color:var(--rule-2);color:var(--ink)}
.rowact a.edit:hover{color:var(--brand);border-color:var(--brand)}
.rowact .del:hover,.rowact button.del:hover{color:#fff;background:var(--down);border-color:var(--down)}
.rowact svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.85;
  stroke-linecap:round;stroke-linejoin:round}
/* ipucu balonu — satır işlemleri, üst çubuk, her yer */
[data-tip]{position:relative}
[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;
  transform:translateX(-50%);background:var(--ink);color:var(--surface);font:600 11px/1 'Barlow',sans-serif;
  padding:5px 8px;border-radius:5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s;z-index:60}
[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1}
/* üst çubuktaki düğmelerde balon aşağı açılsın (yukarıda yer yok) */
.atop [data-tip]:after{bottom:auto;top:calc(100% + 6px)}
@media(max-width:700px){[data-tip]:after{display:none}}

/* ---- onay penceresi (confirm() yerine) ---- */
.cf-ov{position:fixed;inset:0;background:rgba(12,16,24,.55);backdrop-filter:blur(3px);
  z-index:400;display:grid;place-items:center;padding:20px;animation:edin .13s ease-out}
.cf-box{background:var(--surface);border:1px solid var(--rule);border-radius:12px;
  box-shadow:0 26px 64px -20px rgba(12,16,24,.55);width:min(460px,100%);overflow:hidden}
.cf-top{display:flex;gap:14px;padding:22px 22px 6px}
.cf-ic{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:color-mix(in srgb,var(--down) 13%,transparent)}
.cf-ic svg{width:22px;height:22px;stroke:var(--down);fill:none;stroke-width:2}
.cf-tx h3{font:700 16.5px/1.35 'Archivo',sans-serif;margin-bottom:6px}
.cf-tx p{font-size:14px;line-height:1.55;color:var(--ink-2);margin:0}
.cf-tx .obj{display:block;margin-top:9px;padding:8px 11px;background:var(--surface-2);
  border-left:3px solid var(--rule-2);border-radius:0 5px 5px 0;font-size:13.5px;font-weight:600;color:var(--ink)}
.cf-mf{display:flex;justify-content:flex-end;gap:9px;padding:18px 22px 20px}
.cf-btn{border:1px solid var(--rule-2);background:var(--surface);color:var(--ink);
  font:600 13.5px/1 'Barlow',sans-serif;padding:10px 17px;border-radius:7px;cursor:pointer}
.cf-btn:hover{border-color:var(--ink-2)}
.cf-btn.dng{background:var(--down);border-color:var(--down);color:#fff}
.cf-btn.dng:hover{filter:brightness(1.08)}

/* ---- ayarlar sekmeleri ---- */
.settabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid var(--rule);
  margin:-4px 0 22px;padding-bottom:0}
.settabs a{display:flex;align-items:center;gap:7px;padding:11px 15px;font:600 13.5px/1 'Barlow',sans-serif;
  color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;
  transition:color .14s,border-color .14s}
.settabs a:hover{color:var(--ink)}
.settabs a.on{color:var(--brand);border-bottom-color:var(--brand)}
.settabs svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.settabs{overflow-x:auto;flex-wrap:nowrap}.settabs a span{display:none}
  .settabs a{padding:11px 14px}}

.setgrid{display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.setgrid:has(.setside){grid-template-columns:minmax(0,1fr) clamp(280px,26%,400px)}
@media(max-width:1100px){.setgrid:has(.setside){grid-template-columns:1fr}}
.setside{display:flex;flex-direction:column;gap:16px}
.setsave{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;
  padding-top:18px;border-top:1px solid var(--rule)}
.setform{max-width:none}

/* görsel ızgarası — tam genişlik */
.imggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.imggrid .prev{border:1px solid var(--rule-2);border-radius:8px;overflow:hidden;display:grid;
  place-items:center;margin-bottom:12px}
.imggrid .prev img{width:100%;height:100%;object-fit:contain}
.imggrid .prev .empty{font-size:12.5px;color:var(--muted)}
.prevact{display:flex;gap:8px;margin-bottom:8px}
.prevact label{cursor:pointer}
.abtn-gh.danger:hover{border-color:var(--down);color:var(--down)}

/* Google önizleme kutusu */
.serp{border:1px solid var(--rule-2);border-radius:8px;padding:13px 14px;background:var(--surface-2)}
.serp .u{font-size:12px;color:var(--muted);margin-bottom:4px}
.serp .t{color:#1a0dab;font-size:16px;line-height:1.3;margin-bottom:4px}
[data-theme="dark"] .serp .t{color:#8ab4f8}
.serp .d{font-size:13px;color:var(--ink-2);line-height:1.45}
.linklist{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:10px}
.linklist li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding-bottom:9px;border-bottom:1px solid var(--rule)}
.linklist li:last-child{border-bottom:0;padding-bottom:0}
.linklist a{font-weight:600;font-size:13.5px}
.linklist span{font-size:12px;color:var(--muted)}

/* kopyalanabilir adres kutusu */
.calloutbox{border:1px solid var(--rule-2);border-left:3px solid var(--brand);border-radius:0 7px 7px 0;
  padding:13px 15px;background:var(--surface-2);margin-top:16px;font-size:13px;line-height:1.6}
.calloutbox b{display:block;margin-bottom:7px}
.calloutbox span{display:block;margin-top:7px;color:var(--muted);font-size:12.5px}
.copyline{display:block;font:12.5px/1.5 ui-monospace,SFMono-Regular,monospace;background:var(--surface);
  border:1px solid var(--rule-2);border-radius:5px;padding:8px 10px;cursor:pointer;
  word-break:break-all;position:relative}
.copyline:hover{border-color:var(--brand)}
.copyline.copied:after{content:'Kopyalandı';position:absolute;right:8px;top:50%;transform:translateY(-50%);
  background:var(--up);color:#fff;font:600 10.5px/1 'Barlow',sans-serif;padding:4px 7px;border-radius:4px}

/* ---- kenar çubuğu alt menüsü (Ayarlar sekmeleri) ---- */
.anav .submenu{display:flex;flex-direction:column;background:rgba(0,0,0,.16);
  border-left:2px solid var(--brand);margin:2px 0 6px}
.anav .submenu a{padding:8px 22px 8px 44px;font-size:12.5px;font-weight:500;
  color:rgba(255,255,255,.62);border:0;position:relative}
.anav .submenu a:before{content:"";position:absolute;left:30px;top:50%;transform:translateY(-50%);
  width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.28)}
.anav .submenu a:hover{color:#fff;background:rgba(255,255,255,.05)}
.anav .submenu a.on{color:#fff;font-weight:700;background:rgba(255,255,255,.07)}
.anav .submenu a.on:before{background:var(--brand);width:5px;height:5px}
/* daraltılmış kenar çubuğunda alt menü gizlenir */
.admin-body.mini .anav .submenu{display:none}

/* ============================================================
   HABER DÜZENLEME — ZAMANLAMA VE DÜZEN
   ============================================================ */
/* kapak + SEO iki kolon (haber metni altında, geniş alanda) */
.coverrow{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.15fr);gap:24px;align-items:start}
@media(max-width:900px){.coverrow{grid-template-columns:1fr}}

/* sağ kolon yayın kutusu kaydırmada takip etsin */
.stickybox{position:sticky;top:82px}
@media(max-width:1100px){.stickybox{position:static}}

/* zamanlama kutusu */
.schedbox{border-top:1px solid var(--rule);margin:14px 0 4px;padding-top:14px}
.schednote{font-size:12.8px;line-height:1.55;padding:10px 12px;border-radius:7px;margin-bottom:12px}
.schednote.ok{background:color-mix(in srgb,var(--up) 11%,transparent);border-left:3px solid var(--up);color:var(--ink)}
.schednote.warn{background:color-mix(in srgb,var(--c-yasam,#c8860d) 13%,transparent);
  border-left:3px solid var(--c-yasam,#c8860d);color:var(--ink)}
.schednote b{font-weight:700}
.schedquick>span{display:block;font:600 11px/1 'Barlow',sans-serif;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.schedquick>div{display:flex;flex-wrap:wrap;gap:6px}
.schedquick .abtn-gh{padding:6px 10px;font-size:12px;border-radius:6px}
.schedlive{display:flex;align-items:flex-start;gap:9px;margin:12px 0 4px;padding:10px 12px;
  background:var(--surface-2);border-radius:7px;font-size:12.8px;line-height:1.5}
.schedlive svg{width:17px;height:17px;flex:none;margin-top:1px;stroke:var(--brand);fill:none;stroke-width:1.9}
input[type=datetime-local]{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);
  padding:10px 12px;font-family:inherit;font-size:14.5px;color:inherit}
input[type=datetime-local]:focus{outline:none;border-color:var(--brand)}

/* editör yüklenmediğinde uyarı */
.edmiss{border:1px solid var(--rule-2);border-left:3px solid var(--c-yasam,#c8860d);
  background:color-mix(in srgb,var(--c-yasam,#c8860d) 9%,transparent);
  padding:12px 14px;margin-bottom:10px;font-size:13px;line-height:1.6;border-radius:0 7px 7px 0}
.edmiss code{background:var(--surface);border:1px solid var(--rule-2);padding:1px 5px;border-radius:3px;font-size:12px}
.edmiss a{color:var(--brand);font-weight:600;text-decoration:underline}

/* haber listesinde zamanlanmış vurgusu */
.atable .chip.sched{background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand)}
.schedwhen{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;font-variant-numeric:tabular-nums}

/* ============================================================
   MEDYA KÜTÜPHANESİ
   ============================================================ */
.dropzone{border:2px dashed var(--rule-2);border-radius:10px;background:var(--surface);
  padding:30px 22px;text-align:center;margin-bottom:18px;cursor:pointer;
  transition:border-color .16s,background .16s}
.dropzone:hover,.dropzone.drag{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,transparent)}
.dropzone svg{width:34px;height:34px;stroke:var(--muted);fill:none;stroke-width:1.6;margin-bottom:10px}
.dropzone.drag svg{stroke:var(--brand)}
.dropzone p{font-size:14.5px;color:var(--ink-2);margin-bottom:12px}
.dropzone p b{color:var(--ink)}
.dropzone label{display:inline-block;background:var(--brand);color:#fff;font:700 12.5px/1 'Archivo',sans-serif;
  letter-spacing:.03em;padding:10px 20px;border-radius:6px;cursor:pointer}
.dropzone label:hover{background:var(--brand-dk)}
.dropzone small{display:block;margin-top:11px;font-size:12px;color:var(--muted)}

.upqueue{border:1px solid var(--rule);border-radius:9px;background:var(--surface);
  margin:-6px 0 18px;overflow:hidden;max-height:260px;overflow-y:auto}
.uprow{display:flex;align-items:center;gap:12px;padding:9px 15px;border-bottom:1px solid var(--rule);font-size:13px}
.uprow:last-child{border-bottom:0}
.uprow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uprow .sz{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.uprow .st{min-width:150px;text-align:right;color:var(--muted);font-size:12.5px}
.uprow.busy .st{color:var(--brand)}
.uprow.ok .st{color:var(--up);font-weight:600}
.uprow.err .st{color:var(--down)}
.uprow.done{background:var(--surface-2)}

/* WebP toplu dönüşüm kutusu */
.webpbox{border:1px solid var(--rule);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;
  background:var(--surface);padding:16px 20px;margin-bottom:18px}
.webpbox .wtop{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.webpbox .wtop>div{flex:1;min-width:260px}
.webpbox b{display:block;font-size:14.5px;margin-bottom:4px}
.webpbox span{font-size:13px;color:var(--muted);line-height:1.55}
.wprog{height:4px;background:var(--surface-2);border-radius:99px;margin-top:14px;overflow:hidden}
.wprog>div{height:100%;width:0;background:var(--brand);transition:width .3s ease}
.wout{font-size:13px;color:var(--ink-2);margin-top:9px;min-height:18px}
.wout .err{color:var(--down)}
.wnotes{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:12px;color:var(--muted)}

/* ---- kalıcı araç çubuğu ---- */
.medtools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:16px;
  background:var(--surface);border:1px solid var(--rule);border-radius:9px;box-shadow:var(--shadow)}
.medtools .tspacer{flex:1;min-width:8px}
.pickall{display:flex;align-items:center;gap:8px;cursor:pointer;font:600 13px/1 'Barlow',sans-serif;
  color:var(--ink);padding:5px 9px;border-radius:7px;transition:background .13s;user-select:none}
.pickall:hover{background:var(--surface-2)}
.pickall input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}
.selinfo{font-size:12.8px;color:var(--muted);font-variant-numeric:tabular-nums}
.selinfo.active{color:var(--brand);font-weight:600}
.medtools .abtn-gh[disabled]{opacity:.4;cursor:not-allowed}
.medtools .abtn-gh[disabled]:hover{border-color:var(--rule-2);color:var(--ink-2);background:transparent}

/* boyut ve sığdırma seçicileri */
.zoomtog,.fittog{display:flex;gap:2px;background:var(--surface-2);padding:3px;border-radius:8px}
.zoomtog button,.fittog button{width:30px;height:28px;display:grid;place-items:center;border:0;
  background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:background .13s,color .13s}
.zoomtog button:hover,.fittog button:hover{color:var(--ink);background:var(--surface)}
.zoomtog button.on,.fittog button.on{background:var(--brand);color:#fff}
.zoomtog svg,.fittog svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}

/* ---- ızgara: boyut kademeleri ---- */
.medgrid{display:grid;gap:16px;margin-bottom:22px}
.medgrid[data-zoom="s"]{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:11px}
.medgrid[data-zoom="m"]{grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:16px}
.medgrid[data-zoom="l"]{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}

.medcard{position:relative;border:1px solid var(--rule);border-radius:10px;background:var(--surface);
  overflow:hidden;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.medcard:hover{border-color:var(--rule-2);box-shadow:0 12px 30px -16px rgba(16,24,40,.34);transform:translateY(-2px)}
.medcard.picked{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand),0 12px 30px -16px rgba(211,18,42,.3)}

/* Şeffaf görseller düz zeminde kaybolur; satranç deseni gerçek şeffaflığı gösterir.
   Böylece logo/PNG yüklerken arkasının boş olduğu net görülür. */
.medcard .thumb{position:relative;aspect-ratio:4/3;overflow:hidden;
  background-color:var(--surface-2);
  background-image:
    linear-gradient(45deg,rgba(128,128,128,.13) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.13) 75%),
    linear-gradient(45deg,rgba(128,128,128,.13) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.13) 75%);
  background-size:16px 16px;background-position:0 0,8px 8px}
.medgrid[data-zoom="l"] .medcard .thumb{aspect-ratio:16/10}
.medcard .thumb img{width:100%;height:100%;display:block;transition:transform .3s ease}
.medgrid[data-fit="contain"] .medcard .thumb img{object-fit:contain}
.medgrid[data-fit="cover"] .medcard .thumb img{object-fit:cover}
.medcard:hover .thumb img{transform:scale(1.035)}

.medcard .fmt{position:absolute;left:8px;bottom:8px;z-index:2;background:rgba(12,16,24,.8);color:#fff;
  font:700 9.5px/1 'Barlow',sans-serif;letter-spacing:.09em;padding:4px 7px;border-radius:5px;
  backdrop-filter:blur(3px)}
.medcard .fmt.webp{background:var(--up)}

/* seçim kutusu — her zaman görünür ama seçiliyken belirgin */
.medcard .pick{position:absolute;left:8px;top:8px;z-index:3;width:28px;height:28px;border-radius:8px;
  display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.9);
  border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(4px);transition:background .13s,transform .13s}
[data-theme="dark"] .medcard .pick{background:rgba(18,22,30,.88);border-color:rgba(255,255,255,.12)}
.medcard .pick:hover{transform:scale(1.08)}
.medcard.picked .pick{background:var(--brand);border-color:var(--brand)}
.medcard .pick input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;margin:0}
.medcard.picked .pick input{accent-color:#fff}

/* hover işlemleri */
.medcard .hov{position:absolute;right:8px;top:8px;z-index:3;display:flex;gap:5px;
  opacity:0;transform:translateY(-4px);transition:opacity .16s,transform .16s}
.medcard:hover .hov,.medcard:focus-within .hov{opacity:1;transform:none}
.hbtn{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);color:#333;border-radius:8px;cursor:pointer;backdrop-filter:blur(4px)}
[data-theme="dark"] .hbtn{background:rgba(18,22,30,.9);border-color:rgba(255,255,255,.12);color:#e8eaee}
.hbtn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.hbtn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.9}
.hbtn.copied{background:var(--up);border-color:var(--up);color:#fff}
@media(hover:none){.medcard .hov{opacity:1;transform:none}}

.medcard .meta{padding:10px 12px;border-top:1px solid var(--rule)}
.medcard .meta b{display:block;font-size:12.8px;font-weight:600;color:var(--ink);margin-bottom:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.medcard .meta span{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.medgrid[data-zoom="s"] .medcard .meta{padding:7px 9px}
.medgrid[data-zoom="s"] .medcard .meta b{font-size:11.5px}
.medgrid[data-zoom="s"] .medcard .meta span{font-size:10.5px}
.medgrid[data-zoom="s"] .medcard .pick,.medgrid[data-zoom="s"] .hbtn{width:24px;height:24px}

/* ---- tam ekran görüntüleyici ---- */
.lightbox{position:fixed;inset:0;z-index:500;background:rgba(8,10,14,.92);
  display:none;place-items:center;padding:40px 24px;cursor:zoom-out}
.lightbox.on{display:grid;animation:edin .16s ease-out}
.lightbox img{max-width:100%;max-height:calc(100vh - 130px);display:block;border-radius:6px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7);
  background-color:#fff;
  background-image:
    linear-gradient(45deg,rgba(128,128,128,.16) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.16) 75%),
    linear-gradient(45deg,rgba(128,128,128,.16) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.16) 75%);
  background-size:20px 20px;background-position:0 0,10px 10px}
.lbinfo{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:rgba(255,255,255,.82);
  font:13px/1.5 'Barlow',sans-serif;padding:0 24px}
.lbclose{position:absolute;right:20px;top:16px;width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;
  display:grid;place-items:center}
.lbclose:hover{background:rgba(255,255,255,.24)}
.medpanel .pv{cursor:zoom-in}

.atable tr.picked{background:color-mix(in srgb,var(--brand) 7%,transparent)}

/* görünüm değiştirici */
.viewtog{display:flex;gap:3px;margin-left:auto}
.viewtog a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--rule-2);
  border-radius:6px;color:var(--muted)}
.viewtog a:hover{color:var(--ink);border-color:var(--ink-2)}
.viewtog a.on{background:var(--brand);border-color:var(--brand);color:#fff}
.viewtog svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}

/* detay paneli */
.medpanel{position:fixed;top:0;right:0;width:min(370px,100%);height:100vh;z-index:150;
  background:var(--surface);border-left:1px solid var(--rule);box-shadow:-16px 0 40px -20px rgba(12,16,24,.4);
  transform:translateX(100%);transition:transform .22s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow-y:auto}
.medpanel.on{transform:none}
.medpanel .ph{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;
  border-bottom:1px solid var(--rule);position:sticky;top:0;background:var(--surface);z-index:2}
.medpanel .ph h3{font:700 15px/1.3 'Archivo',sans-serif}
.medpanel .pclose{border:0;background:transparent;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}
.medpanel .pclose:hover{color:var(--ink)}
.medpanel .pv{background:var(--surface-2);padding:16px;display:grid;place-items:center;min-height:190px}
.medpanel .pv img{max-width:100%;max-height:280px;border-radius:6px;display:block}
.medpanel .pb{padding:16px 18px 26px}
.medpanel .pname{font-weight:600;font-size:13.5px;margin-bottom:14px;word-break:break-all}
.pmeta{width:100%;border:1px solid var(--rule);border-radius:7px;overflow:hidden;margin-bottom:16px;font-size:13px}
.pmeta th{width:42%;background:var(--surface-2);padding:8px 12px;text-align:left;font-weight:600;
  color:var(--muted);font-size:12.5px;border-bottom:1px solid var(--rule)}
.pmeta td{padding:8px 12px;border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
.pmeta tr:last-child th,.pmeta tr:last-child td{border-bottom:0}
.medpanel label{display:block;font:600 12px/1 'Barlow',sans-serif;color:var(--ink-2);margin:14px 0 6px}
.medpanel .paltst{color:var(--up);font-weight:500;font-size:11.5px;margin-left:6px}
.medpanel input[type=text]{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);
  padding:9px 11px;font-family:inherit;font-size:13.5px;color:inherit;border-radius:6px}
.medpanel input[type=text]:focus{outline:none;border-color:var(--brand)}
@media(max-width:640px){
  .medpanel{width:100%}
  .medgrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:11px}
  .uprow .st{min-width:96px}
}

/* liste görünümü küçük görsel — şeffaflık zemini ve büyütme */
.listthumbbtn{border:1px solid var(--rule-2);background:transparent;padding:0;border-radius:6px;
  cursor:zoom-in;display:block;overflow:hidden;line-height:0}
.listthumbbtn:hover{border-color:var(--brand)}
.listthumb{width:52px;height:38px;object-fit:contain;display:block;
  background-color:var(--surface-2);
  background-image:
    linear-gradient(45deg,rgba(128,128,128,.14) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.14) 75%),
    linear-gradient(45deg,rgba(128,128,128,.14) 25%,transparent 25%,transparent 75%,rgba(128,128,128,.14) 75%);
  background-size:10px 10px;background-position:0 0,5px 5px}
.atable tr.picked td{background:color-mix(in srgb,var(--brand) 8%,transparent)}
.atable td input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}

/* ============================================================
   KATEGORİLER
   ============================================================ */
.catdot{display:block;width:14px;height:14px;border-radius:4px;margin:0 auto;
  box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--rule)}
.distrow{display:flex;align-items:center;gap:9px}
.distrow .bar{height:7px;border-radius:99px;min-width:6px;opacity:.85}
.distrow span{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.atable tr.rowediting{background:color-mix(in srgb,var(--brand) 6%,transparent)}
.atable tr.rowediting td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
.rowlock{width:32px;height:32px;display:grid;place-items:center;color:var(--muted);opacity:.55}
.rowlock svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.colorrow{display:flex;align-items:center;gap:9px}
.colorrow .chipbox{width:34px;height:34px;flex:none;border-radius:7px;border:1px solid var(--rule-2)}
.colorrow input[type=color]{width:38px;height:34px;flex:none;padding:0;border:1px solid var(--rule-2);
  border-radius:7px;background:var(--surface-2);cursor:pointer}
.colorrow input[type=text]{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:13px}
.palette{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.palette button{width:26px;height:26px;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;
  transition:transform .12s}
.palette button:hover{transform:scale(1.14)}
.tiplist{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.55;color:var(--ink-2)}
.tiplist li{position:relative;padding-left:16px}
.tiplist li:before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--brand)}

/* ============================================================
   SAYFALAR
   ============================================================ */
.newlink{font:700 12.5px/1 'Barlow',sans-serif;color:var(--brand)}
.pagelist{list-style:none;max-height:calc(100vh - 300px);overflow-y:auto}
.pagelist li{display:flex;align-items:stretch;border-bottom:1px solid var(--rule);transition:background .13s}
.pagelist li:last-child{border-bottom:0}
.pagelist li:hover{background:var(--surface-2)}
.pagelist li.on{background:color-mix(in srgb,var(--brand) 7%,transparent);box-shadow:inset 3px 0 0 var(--brand)}
.pl-main{flex:1;min-width:0;padding:11px 14px;display:block}
.pl-main b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-main .mono{display:block;font:11.5px/1.4 ui-monospace,monospace;color:var(--muted);margin-bottom:5px}
.pl-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
.pl-meta .chip{font-size:9.5px;padding:2px 6px}
.pl-act{display:flex;align-items:center;gap:3px;padding-right:10px}
.pl-act a,.pl-act button{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;
  background:transparent;color:var(--muted);border-radius:6px;cursor:pointer}
.pl-act a:hover{color:var(--brand);border-color:var(--rule-2)}
.pl-act .del:hover{background:var(--down);border-color:var(--down);color:#fff}
.pl-act svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.85}

/* ============================================================
   SERVİS VERİLERİ
   ============================================================ */
.svcintro{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:15px 18px;margin-bottom:18px;
  background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--brand);
  border-radius:0 10px 10px 0;box-shadow:var(--shadow)}
.svcintro>svg{width:22px;height:22px;flex:none;stroke:var(--brand);fill:none;stroke-width:1.9}
.svcintro>div{flex:1;min-width:260px;font-size:13.2px;line-height:1.6;color:var(--ink-2)}
.svcintro b{color:var(--ink)}
.svcintro form{flex:none}

.svcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:22px}
.svccard{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column}
.svccard.stale{border-color:color-mix(in srgb,var(--c-yasam,#c8860d) 45%,var(--rule))}
.svccard.haserr{border-color:color-mix(in srgb,var(--down) 40%,var(--rule))}
.svchead{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--rule)}
.svcico{width:36px;height:36px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--surface-2)}
.svcico svg{width:19px;height:19px;stroke:var(--brand);fill:none;stroke-width:1.8}
.svcname{flex:1;min-width:0}
.svcname b{display:block;font:700 15px/1.3 'Archivo',sans-serif}
.svcname span{font-size:11.5px;color:var(--muted)}
.svcname a{color:var(--muted);text-decoration:underline}
.svcname a:hover{color:var(--brand)}
.svcstat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px 10px}
.svcstat .v{font:700 15px/1.2 'Archivo',sans-serif;color:var(--ink)}
.svcstat .t{font-size:11.5px;color:var(--muted);white-space:nowrap}
.svcerr{margin:0 16px 10px;background:color-mix(in srgb,var(--down) 9%,transparent);
  border-left:3px solid var(--down);padding:8px 10px;font-size:12.3px;line-height:1.5;color:var(--down);
  border-radius:0 5px 5px 0}
.svcpeek{margin:0 16px 12px;background:var(--surface-2);border:1px solid var(--rule);border-radius:7px;
  padding:9px 11px;min-height:52px;display:flex;align-items:center}
.peektable{width:100%;font-size:12.3px;border-collapse:collapse}
.peektable th{text-align:left;font-weight:600;color:var(--muted);padding:2px 0;white-space:nowrap}
.peektable td{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 0}
.peekwx{display:flex;align-items:baseline;gap:10px}
.peekwx b{font:800 26px/1 'Archivo',sans-serif;letter-spacing:-.02em}
.peekwx span{font-size:12.5px;color:var(--muted)}
.peekempty{font-size:12.3px;color:var(--muted)}
.svcfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 16px;border-top:1px solid var(--rule);background:var(--surface-2)}
.svcfoot .muted{font-size:11.3px}
.svcfoot button[disabled]{opacity:.6;cursor:wait}

.sechead{font:700 12.5px/1 'Archivo',sans-serif;text-transform:uppercase;letter-spacing:.07em;
  color:var(--ink-2);margin:24px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--rule)}
.sechead em{font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}
.sublbl{font-style:normal;font-weight:400;color:var(--muted);font-size:12.3px}
.boxnote{font-size:12.8px;line-height:1.6;color:var(--ink-2)}
.boxnote em{font-style:normal;color:var(--ink);font-weight:600}
.minilbl{display:block;font:600 11px/1 'Barlow',sans-serif;letter-spacing:.07em;text-transform:uppercase;
  color:var(--muted);margin:12px 0 6px}
.tablescroll{overflow-x:auto}
.standtable input{width:100%;border:1px solid var(--rule-2);background:var(--surface-2);
  padding:7px 9px;font-family:inherit;font-size:13.5px;color:inherit;border-radius:5px}
.standtable input:focus{outline:none;border-color:var(--brand);background:var(--surface)}
.standtable input.wnum{width:62px;text-align:center;font-variant-numeric:tabular-nums}
.standtable input.strong{font-weight:700}
.standtable td{padding:6px 7px}
.standtable th{white-space:nowrap}
@media(max-width:700px){
  .svcgrid{grid-template-columns:1fr}
  .svcintro{flex-direction:column;align-items:flex-start}
  .pagelist{max-height:none}
}

/* video önizleme */
.vprevlbl{display:block;font:600 12.5px/1 'Barlow',sans-serif;color:var(--ink-2);margin-bottom:6px}
.vprev{aspect-ratio:16/9;background:var(--surface-2);border:1px solid var(--rule-2);border-radius:8px;
  overflow:hidden;display:grid;place-items:center;position:relative}
.vprev iframe,.vprev video{width:100%;height:100%;border:0;display:block;background:#000}
.vempty{font-size:12.5px;color:var(--muted);text-align:center;padding:0 16px;line-height:1.5}
.vempty.warn{color:var(--c-yasam,#b8860b)}
select.autoset{border-color:var(--up);box-shadow:0 0 0 3px color-mix(in srgb,var(--up) 18%,transparent)}

/* ============================================================
   ANASAYFA MANŞET SLIDER
   ============================================================ */
.mslider{margin:0 0 26px}
.ms-frame{position:relative;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden;
  border-radius:4px}
.ms-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;
  transition:opacity .45s ease;color:#fff;text-decoration:none}
.ms-slide.on{opacity:1;visibility:visible;z-index:2}
.ms-slide img{width:100%;height:100%;object-fit:cover;display:block}
.ms-ph{position:absolute;inset:0;background:linear-gradient(135deg,var(--c,#1b2430),#0c1118)}

/* Metnin okunabilmesi için alttan yukarı koyulaşan katman */
.ms-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(8,10,14,.92) 0%,rgba(8,10,14,.62) 28%,
    rgba(8,10,14,.12) 58%,rgba(8,10,14,.35) 100%)}

.ms-text{position:absolute;left:0;right:0;bottom:0;padding:0 26px 62px;z-index:3;display:block}
.ms-kicker{display:inline-block;background:var(--brand);color:#fff;
  font:700 12px/1 'Barlow',sans-serif;letter-spacing:.09em;text-transform:uppercase;
  padding:6px 11px;margin-bottom:12px;border-radius:2px}
.ms-title{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:clamp(20px,3.1vw,42px);
  line-height:1.08;letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.55);
  max-width:min(880px,86%)}
.ms-slide:hover .ms-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* Alttaki bant — ekran görüntüsündeki ikinci başlık şeridi */
.ms-band{position:absolute;left:0;right:0;bottom:0;z-index:3;
  background:rgba(8,10,14,.82);backdrop-filter:blur(4px);
  padding:11px 26px;font:600 15px/1.35 'Barlow',sans-serif;color:#fff;
  border-top:2px solid var(--brand);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.ms-adtag{position:absolute;right:14px;top:14px;z-index:4;background:rgba(8,10,14,.78);
  color:rgba(255,255,255,.92);font:700 10px/1 'Barlow',sans-serif;letter-spacing:.12em;
  text-transform:uppercase;padding:5px 9px;border-radius:3px;backdrop-filter:blur(3px)}

/* Gezinme okları */
.ms-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;
  backdrop-filter:blur(6px);transition:background .16s,transform .16s}
.ms-nav:hover{background:var(--brand);transform:translateY(-50%) scale(1.06)}
.ms-nav.prev{left:14px}
.ms-nav.next{right:14px}
.ms-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}

/* Otomatik geçiş ilerleme çizgisi */
.ms-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:6;
  background:rgba(255,255,255,.16)}
.ms-progress>span{display:block;height:100%;width:0;background:var(--brand)}
.mslider.paused .ms-progress>span{background:rgba(255,255,255,.5)}

/* Numaralı sayfalama */
.ms-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;
  padding:14px 10px 4px;background:var(--surface);border:1px solid var(--rule);border-top:0;
  border-radius:0 0 4px 4px}
.ms-dot{width:34px;height:34px;border:1px solid var(--rule-2);background:var(--surface);
  color:var(--ink-2);border-radius:50%;cursor:pointer;
  font:700 13px/1 'Barlow',sans-serif;font-variant-numeric:tabular-nums;
  transition:background .14s,color .14s,border-color .14s,transform .14s}
.ms-dot:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.ms-dot.on{background:var(--brand);border-color:var(--brand);color:#fff}
.ms-dot.is-ad{border-style:dashed}
.ms-dot.is-ad:after{content:"";position:absolute}

@media(max-width:900px){
  .ms-text{padding:0 18px 56px}
  .ms-band{padding:9px 18px;font-size:13.5px}
  .ms-nav{width:38px;height:38px}
  .ms-nav.prev{left:8px}.ms-nav.next{right:8px}
}
@media(max-width:600px){
  .ms-frame{aspect-ratio:4/3}
  .ms-kicker{font-size:10.5px;padding:5px 9px;margin-bottom:9px}
  .ms-title{font-size:clamp(17px,5.4vw,26px);max-width:100%}
  .ms-band{font-size:12.5px;padding:8px 16px}
  .ms-dot{width:29px;height:29px;font-size:12px}
  .ms-dots{gap:5px;padding:11px 8px 3px}
}

/* slider yönetimi — sıra taşıma düğmeleri */
.slorder{white-space:nowrap}
.slorder .num{display:inline-block;font-variant-numeric:tabular-nums;color:var(--muted);
  font-size:12.5px;min-width:18px}
.movebtns{display:inline-flex;flex-direction:column;gap:2px;vertical-align:middle;margin-left:4px}
.movebtns form{display:block;line-height:0}
.movebtns button{width:20px;height:15px;display:grid;place-items:center;border:1px solid var(--rule-2);
  background:var(--surface);color:var(--muted);border-radius:3px;cursor:pointer;padding:0}
.movebtns button:hover:not([disabled]){border-color:var(--brand);color:var(--brand)}
.movebtns button[disabled]{opacity:.3;cursor:not-allowed}
.movebtns svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6}