/* =====================================================================
   SECIMZAMANI.COM - tasarim sistemi
   ===================================================================== */
:root{
  --lacivert:#0b1b34;
  --lacivert-2:#12294a;
  --gece:#081326;
  --murekkep:#101828;
  --gri-900:#1d2939;
  --gri-700:#344054;
  --gri-500:#667085;
  --gri-400:#98a2b3;
  --gri-300:#d0d5dd;
  --gri-200:#e5e8ef;
  --gri-100:#f2f4f7;
  --zemin:#f5f7fb;
  --kart:#ffffff;
  --kirmizi:#c8102e;
  --kirmizi-2:#e11d48;
  --yesil:#12b76a;
  --amber:#f79009;
  --mavi:#1570ef;
  --r-s:8px; --r-m:14px; --r-l:20px; --r-p:999px;
  --golge-1:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);
  --golge-2:0 4px 8px -2px rgba(16,24,40,.08), 0 2px 4px -2px rgba(16,24,40,.05);
  --golge-3:0 12px 24px -6px rgba(16,24,40,.12), 0 4px 8px -4px rgba(16,24,40,.06);
  --kap:1240px;
  --parti-renk:#8a94a6;
  --yazi:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--yazi);font-size:16px;line-height:1.6;
  color:var(--gri-900);background:var(--zemin);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.22;letter-spacing:-.015em;font-weight:750}
h1{font-size:clamp(1.6rem,3.2vw,2.35rem)}
h2{font-size:clamp(1.28rem,2.2vw,1.7rem)}
h3{font-size:1.1rem}
p{margin:0 0 1rem}
ul{margin:0;padding:0;list-style:none}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 18px}
.atla{position:absolute;left:-9999px}
.atla:focus{left:12px;top:12px;z-index:99;background:#fff;padding:10px 16px;border-radius:var(--r-s)}
:focus-visible{outline:3px solid rgba(21,112,239,.45);outline-offset:2px}

/* ---------------- ust bar / serit ---------------- */
.ust{position:sticky;top:0;z-index:50;background:var(--lacivert);color:#e8edf6}
.serit{background:var(--gece);border-bottom:1px solid rgba(255,255,255,.07)}
.serit-ic{display:flex;align-items:center;gap:16px;height:38px;overflow:hidden}
.tik{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.tik-et{
  background:var(--kirmizi);color:#fff;font-size:11px;font-weight:800;letter-spacing:.09em;
  padding:4px 10px;border-radius:var(--r-p);white-space:nowrap;flex:none;
}
.tik-kutu{position:relative;height:38px;overflow:hidden;flex:1;min-width:0}
.tik-liste{position:absolute;inset:0;animation:kay 40s linear infinite}
.tik-liste li{height:38px;display:flex;align-items:center;font-size:13.5px;color:#c9d6ea}
.tik-liste a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tik-liste a:hover{color:#fff}
@keyframes kay{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@media (prefers-reduced-motion:reduce){.tik-liste{animation:none}}
.serit-sag{flex:none;display:flex;align-items:center;gap:12px}

.canli-rozet{
  display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;
  padding:4px 11px;border-radius:var(--r-p);border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);letter-spacing:.02em;
}
.canli-rozet .nokta{width:8px;height:8px;border-radius:50%;background:var(--gri-400);flex:none}
.canli-rozet[data-durum="canli"]{color:#9ff0c4;border-color:rgba(18,183,106,.4)}
.canli-rozet[data-durum="canli"] .nokta{background:var(--yesil);box-shadow:0 0 0 0 rgba(18,183,106,.6);animation:nabiz 2s infinite}
.canli-rozet[data-durum="baglaniyor"]{color:#ffd9a0;border-color:rgba(247,144,9,.4)}
.canli-rozet[data-durum="baglaniyor"] .nokta{background:var(--amber);animation:nabiz 1.1s infinite}
.canli-rozet[data-durum="kopuk"]{color:#ffc0c8;border-color:rgba(200,16,46,.5)}
.canli-rozet[data-durum="kopuk"] .nokta{background:var(--kirmizi-2)}
.canli-rozet[data-durum="duraklatildi"]{color:#c4cddd}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(18,183,106,.55)}70%{box-shadow:0 0 0 7px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}

/* ---------------- logo / arama / secim secici ---------------- */
.ust-ic{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo-mark{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--kirmizi) 0%,var(--kirmizi-2) 100%);
  color:#fff;font-weight:900;font-size:16px;letter-spacing:-.02em;
  box-shadow:0 4px 14px rgba(200,16,46,.35);
}
.logo-yazi{font-size:19px;font-weight:600;color:#fff;letter-spacing:-.02em}
.logo-yazi strong{font-weight:850}

.arama{position:relative;flex:1;max-width:520px}
.arama input{
  width:100%;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-p);
  background:rgba(255,255,255,.07);color:#fff;padding:0 92px 0 18px;font-size:14.5px;
  transition:background .18s,border-color .18s;
}
.arama input::placeholder{color:#8ea3c2}
.arama input:focus{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.35);outline:none}
.arama button{
  position:absolute;right:4px;top:4px;height:36px;padding:0 20px;border:0;cursor:pointer;
  border-radius:var(--r-p);background:var(--kirmizi);color:#fff;font-weight:700;font-size:14px;
  transition:background .18s;
}
.arama button:hover{background:var(--kirmizi-2)}
.oneri{
  position:absolute;top:52px;left:0;right:0;background:#fff;border-radius:var(--r-m);
  box-shadow:var(--golge-3);overflow:hidden;z-index:60;max-height:60vh;overflow-y:auto;
}
.oneri a{display:flex;align-items:center;gap:11px;padding:10px 14px;border-bottom:1px solid var(--gri-100);color:var(--gri-900)}
.oneri a:last-child{border-bottom:0}
.oneri a:hover,.oneri a.sec{background:var(--gri-100)}
.oneri .oi{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--gri-200);flex:none}
.oneri .oad{font-weight:650;font-size:14px}
.oneri .oalt{font-size:12px;color:var(--gri-500)}
.oneri .obos{padding:14px;color:var(--gri-500);font-size:14px}

.secim-sec{display:flex;gap:8px;flex:none}
.secim-sec a{
  display:flex;flex-direction:column;line-height:1.15;padding:7px 15px;border-radius:var(--r-p);
  font-size:13.5px;font-weight:700;border:1px solid rgba(255,255,255,.18);color:#d7e0ef;
  transition:all .18s;
}
.secim-sec a small{font-size:10.5px;font-weight:600;opacity:.7}
.secim-sec a:hover{background:rgba(255,255,255,.1);color:#fff}
.secim-sec a.etkin{background:#fff;color:var(--lacivert);border-color:#fff}

.mob-ac{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:transparent;cursor:pointer;position:relative}
.mob-ac span,.mob-ac span::before,.mob-ac span::after{position:absolute;left:11px;width:20px;height:2px;background:#fff;border-radius:2px;transition:.2s}
.mob-ac span{top:20px}
.mob-ac span::before{content:"";top:-6px;left:0}
.mob-ac span::after{content:"";top:6px;left:0}
.mob-ac[aria-expanded="true"] span{background:transparent}
.mob-ac[aria-expanded="true"] span::before{transform:rotate(45deg) translate(4px,4px)}
.mob-ac[aria-expanded="true"] span::after{transform:rotate(-45deg) translate(4px,-4px)}

.menu{background:var(--lacivert-2);border-top:1px solid rgba(255,255,255,.07)}
.menu-ic ul{display:flex;gap:4px;flex-wrap:wrap}
.menu-ic a{display:block;padding:11px 15px;font-size:14px;font-weight:600;color:#c3d0e4;border-bottom:2px solid transparent;transition:.18s}
.menu-ic a:hover{color:#fff;border-bottom-color:var(--kirmizi)}

/* ---------------- ortak bilesenler ---------------- */
.bolum{padding:34px 0}
.bolum-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.bolum-bas h2{margin:0;position:relative;padding-left:14px}
.bolum-bas h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:var(--kirmizi)}
.bolum-bas .alt-yazi{color:var(--gri-500);font-size:14px;margin:4px 0 0}
.tumu{font-size:14px;font-weight:700;color:var(--kirmizi);white-space:nowrap}
.tumu:hover{text-decoration:underline}

.iz{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--gri-500);padding:16px 0 0}
.iz a:hover{color:var(--kirmizi)}
.iz span[aria-current]{color:var(--gri-700);font-weight:600}
.iz i{font-style:normal;opacity:.5}

.kart{background:var(--kart);border:1px solid var(--gri-200);border-radius:var(--r-m);box-shadow:var(--golge-1)}
.izgara{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.g6{grid-template-columns:repeat(6,1fr)}
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}

.rozet{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:750;letter-spacing:.02em;
  padding:3px 9px;border-radius:var(--r-p);background:var(--gri-100);color:var(--gri-700)}
.rozet.onay{background:rgba(21,112,239,.1);color:var(--mavi)}
.rozet.sicak{background:rgba(200,16,46,.09);color:var(--kirmizi)}
.rozet.yesil{background:rgba(18,183,106,.11);color:#067647}

.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;
  border-radius:var(--r-p);font-weight:700;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:.18s}
.dugme-birincil{background:var(--kirmizi);color:#fff}
.dugme-birincil:hover{background:var(--kirmizi-2)}
.dugme-ikincil{background:#fff;color:var(--gri-900);border-color:var(--gri-300)}
.dugme-ikincil:hover{border-color:var(--gri-400);background:var(--gri-100)}
.dugme:disabled{opacity:.55;cursor:not-allowed}

/* ---------------- aday karti ---------------- */
.aday-kart{
  position:relative;background:var(--kart);border:1px solid var(--gri-200);border-radius:var(--r-m);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;
}
.aday-kart:hover{transform:translateY(-3px);box-shadow:var(--golge-3);border-color:var(--gri-300)}
.aday-kart .serit-renk{height:4px;background:var(--parti-renk,var(--gri-300))}
.aday-kart .ust-alan{display:flex;gap:13px;padding:14px 14px 10px}
.aday-foto{width:62px;height:62px;border-radius:14px;object-fit:cover;background:var(--gri-100);flex:none}
.aday-bas{width:62px;height:62px;border-radius:14px;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--gri-100),var(--gri-200));color:var(--gri-500);font-weight:800;font-size:19px}
.aday-kart .bilgi{min-width:0;flex:1}
.aday-kart .ad{font-size:15.5px;font-weight:750;color:var(--gri-900);margin:0 0 3px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aday-kart .yer{font-size:12.5px;color:var(--gri-500);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.aday-kart .parti{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:750;
  padding:2px 8px;border-radius:var(--r-p);color:#fff;background:var(--parti-renk,var(--gri-500))}
.aday-kart .oy-alan{margin-top:auto;padding:0 14px 14px}
.oy-cubuk{height:7px;border-radius:4px;background:var(--gri-100);overflow:hidden;margin:8px 0 6px}
.oy-cubuk i{display:block;height:100%;border-radius:4px;background:var(--parti-renk,var(--kirmizi));
  width:0;transition:width .6s cubic-bezier(.22,1,.36,1)}
.oy-satir{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--gri-500)}
.oy-satir b{color:var(--gri-900);font-size:14px;font-variant-numeric:tabular-nums}
.oy-guncel{animation:parla .9s ease}
@keyframes parla{0%{background:rgba(18,183,106,.22)}100%{background:transparent}}

/* ---------------- hero ---------------- */
.hero{background:linear-gradient(160deg,#0b1b34 0%,#12294a 62%,#1b3357 100%);color:#fff;padding:44px 0 40px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,16,46,.28),transparent 68%)}
.hero-ic{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:center}
.hero h1{color:#fff;margin-bottom:12px}
.hero p{color:#c3d2e8;font-size:16px;max-width:56ch}
.hero-sayac{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.sayac-kutu{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-m);padding:12px 16px;min-width:112px}
.sayac-kutu b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sayac-kutu span{font-size:12px;color:#a8bcd8}

/* ---------------- konum secici ---------------- */
.konum{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:var(--r-l);padding:18px}
.konum h3{color:#fff;font-size:15px;margin-bottom:12px}
.konum-alan{display:grid;gap:10px}
.konum select{
  width:100%;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1);color:#fff;padding:0 12px;font-size:14.5px;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.konum select:disabled{opacity:.45}
.konum select option{color:#101828;background:#fff}
.konum .dugme{width:100%}

/* ---------------- listeler / tablolar ---------------- */
.harf-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 16px}
.harf-liste a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--r-s);font-size:14px;transition:.15s}
.harf-liste a:hover{background:var(--gri-100);color:var(--kirmizi)}
.harf-liste a span{color:var(--gri-400);font-size:12px;font-variant-numeric:tabular-nums}

.sira-tablo{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border-radius:var(--r-m);overflow:hidden}
.sira-tablo th,.sira-tablo td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--gri-200)}
.sira-tablo th{background:var(--gri-100);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--gri-500);font-weight:750}
.sira-tablo tr:last-child td{border-bottom:0}
.sira-tablo tbody tr:hover{background:#fbfcfe}
.sira-tablo .sayi{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.parti-nokta{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:middle}

/* ---------------- haber ---------------- */
.haber-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);overflow:hidden;transition:.18s}
.haber-kart:hover{box-shadow:var(--golge-3);transform:translateY(-2px)}
.haber-kart img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--gri-100)}
.haber-kart .govde{padding:13px 15px 16px}
.haber-kart h3{font-size:15.5px;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.haber-kart .ustveri{font-size:12px;color:var(--gri-500);display:flex;gap:8px;flex-wrap:wrap}
.haber-mini{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--gri-200)}
.haber-mini:last-child{border-bottom:0}
.haber-mini img{width:78px;height:56px;border-radius:9px;object-fit:cover;flex:none;background:var(--gri-100)}
.haber-mini h4{font-size:13.8px;margin:0;font-weight:650;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------------- aday detay ---------------- */
.profil{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--golge-2)}
.profil-ust{display:flex;gap:20px;padding:22px;border-bottom:1px solid var(--gri-200);flex-wrap:wrap}
.profil-foto{width:118px;height:118px;border-radius:18px;object-fit:cover;background:var(--gri-100);flex:none}
.profil-bilgi{flex:1;min-width:220px}
.profil-bilgi h1{margin:0 0 8px}
.profil-etiket{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px 18px;font-size:14px;margin-top:12px}
.kunye div{display:flex;gap:8px;padding:5px 0;border-bottom:1px dashed var(--gri-200)}
.kunye dt,.kunye .k{color:var(--gri-500);min-width:104px;flex:none}
.kunye .d{font-weight:650}
.oy-panel{padding:20px 22px;background:linear-gradient(180deg,#fbfcfe,#fff)}
.oy-buyuk{font-size:34px;font-weight:850;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}
.oy-not{font-size:13px;color:var(--gri-500);margin-top:8px}
.ozgecmis{padding:22px}
.ozgecmis h2{font-size:18px}
.ozgecmis p{color:var(--gri-700)}

.yarissiralama{display:grid;gap:10px}
.yarissatir{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:10px 12px;border:1px solid var(--gri-200);border-radius:var(--r-m);background:#fff}
.yarissatir .no{width:30px;height:30px;border-radius:9px;background:var(--gri-100);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--gri-500)}
.yarissatir:first-child .no{background:var(--kirmizi);color:#fff}
.yarissatir .ad{font-weight:700;font-size:14.5px}
.yarissatir .cubuk{grid-column:1/-1;height:6px;background:var(--gri-100);border-radius:4px;overflow:hidden}
.yarissatir .cubuk i{display:block;height:100%;background:var(--parti-renk,var(--kirmizi));width:0;transition:width .6s}

/* ---------------- yorum ---------------- */
.yorum-kart{padding:14px;border:1px solid var(--gri-200);border-radius:var(--r-m);background:#fff;margin-bottom:10px}
.yorum-kart .yb{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:6px}
.yorum-kart .yb b{font-weight:700}
.yorum-kart .yb time{color:var(--gri-400)}
.yorum-kart p{margin:0;font-size:14.5px;color:var(--gri-700)}
.form-alan{display:grid;gap:10px}
.form-alan input,.form-alan textarea,.form-alan select{
  width:100%;border:1px solid var(--gri-300);border-radius:11px;padding:11px 13px;font-size:14.5px;background:#fff}
.form-alan textarea{min-height:110px;resize:vertical}
.form-alan input:focus,.form-alan textarea:focus{border-color:var(--mavi);outline:none;box-shadow:0 0 0 3px rgba(21,112,239,.12)}
.uyari{padding:11px 14px;border-radius:11px;font-size:14px;margin-bottom:12px}
.uyari.iyi{background:rgba(18,183,106,.1);color:#067647}
.uyari.kotu{background:rgba(200,16,46,.08);color:var(--kirmizi)}
.uyari.bilgi{background:rgba(21,112,239,.08);color:#175cd3}

/* ---------------- yan sutun ---------------- */
.yan{display:grid;gap:18px;position:sticky;top:154px}
.yan-kutu{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);padding:16px}
.yan-kutu h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--gri-500);margin-bottom:12px}
.yan-liste li{padding:8px 0;border-bottom:1px solid var(--gri-100);font-size:14px}
.yan-liste li:last-child{border-bottom:0}
.yan-liste a{display:flex;justify-content:space-between;gap:10px}
.yan-liste a:hover{color:var(--kirmizi)}
.reklam{display:grid;place-items:center;min-height:250px;background:var(--gri-100);border-radius:var(--r-m);color:var(--gri-400);font-size:13px}

/* ---------------- sayfalama ---------------- */
.sayfala{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:26px 0}
.sayfala a,.sayfala span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;
  border-radius:11px;border:1px solid var(--gri-200);background:#fff;font-size:14px;font-weight:650}
.sayfala a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.sayfala .simdi{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.sayfala .bos{border:0;background:transparent}

/* ---------------- bos durum / hata ---------------- */
.bos-durum{text-align:center;padding:52px 20px;color:var(--gri-500)}
.bos-durum h2{color:var(--gri-900)}
.bos-durum .ikon{font-size:46px;margin-bottom:10px;opacity:.35}

/* ---------------- haber icerigi ---------------- */
.haber-icerik{font-size:16.5px;color:var(--gri-700);line-height:1.75}
.haber-icerik p{margin:0 0 1.05rem}
.haber-icerik h2,.haber-icerik h3{margin:1.6rem 0 .6rem;color:var(--gri-900)}
.haber-icerik ul,.haber-icerik ol{margin:0 0 1rem 1.2rem;list-style:disc}
.haber-icerik ol{list-style:decimal}
.haber-icerik li{margin:.3rem 0}
.haber-icerik a{color:var(--kirmizi);text-decoration:underline}
.haber-icerik img{border-radius:var(--r-m);margin:14px 0}
.haber-icerik blockquote{margin:1rem 0;padding:12px 16px;border-left:4px solid var(--kirmizi);
  background:var(--gri-100);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--gri-700)}
.haber-icerik table{width:100%;border-collapse:collapse;margin:1rem 0}
.haber-icerik th,.haber-icerik td{border:1px solid var(--gri-200);padding:9px 11px;text-align:left}

/* ---------------- alt bilgi ---------------- */
.alt{background:var(--lacivert);color:#b8c7de;margin-top:44px;padding:40px 0 0}
.alt-ic{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.alt h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.alt li{padding:5px 0;font-size:14px}
.alt a:hover{color:#fff}
.alt p{font-size:14px;max-width:44ch}
.logo-alt .logo-yazi{font-size:18px}
.sosyal{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.sosyal a{padding:6px 13px;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-p);font-size:13px}
.sosyal a:hover{background:rgba(255,255,255,.1)}
.alt-blok{min-width:0}
.canli-yazi{white-space:nowrap}
.telif{margin-top:30px;border-top:1px solid rgba(255,255,255,.09);padding:16px 0;font-size:12.5px;color:#8ba0bd}

/* ---------------- duyarli ---------------- */
@media (max-width:1080px){
  .duzen{grid-template-columns:1fr}
  .yan{position:static}
  .g6{grid-template-columns:repeat(4,1fr)}
  .hero-ic{grid-template-columns:1fr}
  .alt-ic{grid-template-columns:1fr 1fr}
}
@media (max-width:880px){
  .mob-ac{display:block;margin-left:auto}
  .ust-ic{flex-wrap:wrap;gap:12px}
  .arama{order:3;flex-basis:100%;max-width:none}
  .secim-sec{order:2}
  .menu{display:none}
  .menu.acik{display:block}
  .menu-ic ul{flex-direction:column;padding:6px 0}
  .menu-ic a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
  .g4,.g3,.g6{grid-template-columns:repeat(2,1fr)}
  .serit-ic{height:34px}
  .tik-kutu,.tik-liste li{height:34px}
}
@media (max-width:560px){
  .g2,.g3,.g4,.g6{grid-template-columns:1fr}
  .aday-kart .ust-alan{padding:12px}
  .profil-foto{width:92px;height:92px}
  .oy-buyuk{font-size:28px}
  .alt-ic{grid-template-columns:1fr}
  .secim-sec a{padding:6px 12px;font-size:12.5px}
  .sira-tablo{font-size:13.5px}
  .sira-tablo th,.sira-tablo td{padding:10px 8px}
}

/* aday izgarasi mobilde 2 sutun kalsin */
@media (max-width:560px){ .aday-izgara{grid-template-columns:repeat(2,1fr)!important;gap:12px} }

@media print{ .ust,.alt,.yan,.reklam{display:none} body{background:#fff} }