/* =====================================================================
   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;
  --bolge-renk:#667085;
  --paket-renk:#f79009;
  --rozet-renk:#f79009;
  --ss-renk:#c8102e;
  --sp-renk:#c8102e;
  --vf-renk:#8a94a6;
  --serit-renk:#c8102e;
  --sk-renk:#c8102e;
  --ys-renk:#c8102e;
  --uys-renk:#1570ef;
  --asama-renk:#1570ef;
  --turuncu:#f79009;
  --kapak:none;
  --kk-renk:#c8102e;
  --kd-renk:#c8102e;
  --cb-renk:#7c3aed;
  --pop-renk:#c8102e;
  --gri-600:#54616f;
  --poy-renk:#c8102e;
  --ist-renk:#1570ef;
  --sy-renk:#c8102e;
  --puk-renk:#c8102e;
  --hk-renk:#c8102e;
  --gs-renk:#c8102e;
  --p-renk:#8a94a6;
  --pk-renk:#f79009;
  --pf-renk:#8a94a6;
  --yazi:"Inter","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --yazi-baslik:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
/* display bildirimi hidden ozniteligini ezmesin */
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
/* Emniyet: tek bir geniş öge tüm sayfayı saga kaydirmasin.
   clip tercih edildi; hidden position:sticky'yi bozuyor. */
html,body{overflow-x:clip}
body{
  margin:0;font-family:var(--yazi);font-size:16px;line-height:1.62;
  color:var(--gri-900);background:var(--zemin);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"cv11" 1;
}
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{font-family:var(--yazi-baslik);margin:0 0 .5rem;line-height:1.18;
  letter-spacing:-.022em;font-weight:800;text-wrap:balance}
h1{font-size:clamp(1.65rem,3.1vw,2.4rem)}
h2{font-size:clamp(1.3rem,2.1vw,1.72rem)}
h3{font-size:1.12rem;letter-spacing:-.015em}
p{text-wrap:pretty}
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:relative;z-index:40;background:var(--lacivert);color:#e8edf6}
/* Yalnizca son dakika seridi yapiskan kalir */
.serit{position:sticky;top:0;z-index:60;background:var(--gece);
  border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px rgba(5,12,25,.28)}
.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;
}
/* Her haber mutlak konumlu tek katman; JS sirayla gecis yaptirir.
   Eski CSS animasyonu liste yuksekligine bagliydi ve kayma yapiyordu. */
.tik-kutu{position:relative;height:38px;flex:1;min-width:0;overflow:hidden}
.tik-oge{
  position:absolute;left:0;right:0;top:0;height:38px;display:flex;align-items:center;
  font-size:13.5px;color:#c9d6ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .38s ease,transform .38s ease;
}
.tik-oge.etkin{opacity:1;transform:none;pointer-events:auto}
.tik-oge.cikan{opacity:0;transform:translateY(-10px)}
.tik-oge:hover{color:#fff}
.tik-nav{display:flex;gap:3px;flex:none}
.tik-nav button{
  width:22px;height:22px;padding:0;line-height:1;font-size:14px;cursor:pointer;
  border:1px solid rgba(255,255,255,.16);background:transparent;color:#9db0cc;border-radius:6px;
  transition:.15s;
}
.tik-nav button:hover{background:rgba(255,255,255,.1);color:#fff}
@media (prefers-reduced-motion:reduce){.tik-oge{transition: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;
  /* Rozete tiklayinca canli akis duraklatilip yeniden baslatilir;
     imlec bunun tiklanabilir oldugunu belli etsin. */
  cursor:pointer;user-select:none;
}
.canli-rozet[data-durum="duraklatildi"] .nokta{background:var(--gri-400);animation:none}
.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:20px;padding:12px 18px;width:100%}
.logo{display:flex;align-items:center;flex:none}
.logo img{height:48px;width:auto;display:block}.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)}
.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 .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}
.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 ---------------- */
/* Dekoratif daire ::after yerine arka planda: boylece overflow:hidden
   gerekmez ve acilir menuler hero disina tasabilir. */
.hero{color:#fff;padding:30px 0 34px;position:relative;
  background:
    radial-gradient(420px 420px at calc(100% + 120px) -120px,rgba(200,16,46,.28),transparent 70%),
    linear-gradient(160deg,#0b1b34 0%,#12294a 62%,#1b3357 100%)}
.hero-ic{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:34px;align-items:start}
.hero h1{color:#fff;margin:10px 0 12px}
.hero p{color:#c3d2e8;font-size:16px;max-width:56ch}
.hero-sayac{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.sayac-kutu{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-m);padding:13px 15px;min-width:0;text-align:center;
  transition:background .18s,transform .18s}
.sayac-kutu:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.sayac-kutu b{display:block;font-size:clamp(1.05rem,2.4vw,1.42rem);font-weight:850;
  font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.15}
.sayac-kutu span{display:block;font-size:11px;color:#a8bcd8;margin-top:3px;line-height:1.3}
@media (max-width:760px){ .hero-sayac{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px} }
@media (max-width:400px){ .sayac-kutu{padding:10px 8px} .sayac-kutu span{font-size:10.5px} }

/* ---------------- konum secici ---------------- */
.konum{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.16);border-radius:var(--r-l);padding:20px;
}
.konum-baslik{color:#fff;font-size:15.5px;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.konum-baslik::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;
  border:2px solid var(--kirmizi);box-shadow:inset 0 0 0 3px rgba(255,255,255,.9)}
/* Genel / Yerel sekmesi */
.konum-sekme{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;
  padding:4px;margin-bottom:16px;background:rgba(255,255,255,.08);border-radius:13px;
  border:1px solid rgba(255,255,255,.12)}
.konum-sekme button{position:relative;z-index:2;display:flex;align-items:center;
  justify-content:center;gap:8px;height:48px;border:0;border-radius:10px;cursor:pointer;
  background:transparent;color:#a9bdd9;font:inherit;font-size:13.5px;font-weight:750;
  transition:color .22s}
.konum-sekme button span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.konum-sekme button small{font-size:10.5px;font-weight:600;opacity:.7;letter-spacing:.02em}
.konum-sekme .ks-ikon{font-size:17px;line-height:1;transition:transform .22s}
.konum-sekme button:hover{color:#e2eaf5}
.konum-sekme button.etkin{color:#fff}
.konum-sekme button.etkin .ks-ikon{transform:scale(1.12)}
/* Kayan vurgu: yalnizca kullanici sekmeye dokununca belirginlesir */
.konum-kaydirak{position:absolute;top:4px;left:4px;z-index:1;height:48px;
  width:calc(50% - 4px);border-radius:10px;
  background:linear-gradient(135deg,#c8102e,#e11d48);
  box-shadow:0 4px 14px -5px rgba(200,16,46,.7);
  transition:transform .28s cubic-bezier(.34,1.15,.64,1),background .28s}
.konum-sekme[data-mod="yerel"] .konum-kaydirak{transform:translateX(100%);
  background:linear-gradient(135deg,#1570ef,#0891b2);box-shadow:0 4px 14px -5px rgba(21,112,239,.7)}
.konum-acik .konum-sekme{background:var(--gri-100);border-color:var(--gri-200)}
.konum-acik .konum-sekme button{color:var(--gri-500)}
.konum-acik .konum-sekme button.etkin{color:#fff}

.konum-alan{display:grid;gap:13px}
.konum-alan-tek[hidden]{display:none}
.konum-alan-tek{display:grid;gap:6px}
.konum-alan-tek label{font-size:11.5px;font-weight:750;color:#a9bdd9;
  text-transform:uppercase;letter-spacing:.07em}
.konum-alan-tek label span{font-weight:500;text-transform:none;letter-spacing:0;opacity:.65}
/* Ozel ok yok; tarayicinin kendi oku kullanilir (bozuk karakter riski sifir) */
.konum-kutu{position:relative;display:block}
.konum select{
  width:100%;height:46px;border-radius:12px;font-size:15px;padding:0 12px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);color:#fff;
  transition:border-color .16s,background .16s,box-shadow .16s;
}
.konum select:hover:not(:disabled){background:rgba(255,255,255,.18)}
.konum select:focus{outline:none;border-color:rgba(255,255,255,.55);
  box-shadow:0 0 0 3px rgba(255,255,255,.14);background:rgba(255,255,255,.2)}
.konum select:disabled{opacity:.42;cursor:not-allowed}
.konum select option{color:#101828;background:#fff}
.konum .dugme,.konum-git{width:100%;height:46px;margin-top:3px;font-size:15px;
  transition:background .18s,border-color .18s}
.konum-git.sayiyor{background:var(--gri-900);border-color:var(--gri-900);font-size:13.5px;
  animation:konumNabiz 1s ease-in-out infinite}
@keyframes konumNabiz{0%,100%{opacity:1}50%{opacity:.72}}
.konum .dugme:disabled{opacity:.6}
.konum-uyari{margin:0;font-size:13px;color:#ffc0c8;background:rgba(200,16,46,.18);
  border:1px solid rgba(200,16,46,.35);border-radius:9px;padding:8px 11px}
.konum-not{font-size:12.5px;line-height:1.55;color:#a8bcd8;margin:2px 0 0}
.konum-not a{color:#fff;text-decoration:underline}

/* acik zeminli surum (yan sutun) */
.konum.konum-acik{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);
  padding:16px;backdrop-filter:none}
.konum-acik .konum-baslik{color:var(--gri-900);font-size:14.5px}
.konum-acik .konum-alan-tek label{color:var(--gri-500)}
.konum-acik select{background:#fff;border-color:var(--gri-300);color:var(--gri-900)}
.konum-acik select:hover:not(:disabled){background:var(--gri-100)}
.konum-acik select:focus{border-color:var(--mavi);box-shadow:0 0 0 3px rgba(21,112,239,.12);background:#fff}
.konum-acik .konum-not{color:var(--gri-500)}
.konum-acik .konum-not a{color:var(--kirmizi)}
.konum-acik .konum-uyari{color:var(--kirmizi);background:rgba(200,16,46,.07);border-color:rgba(200,16,46,.2)}

/* ---------------- parti rozeti ---------------- */
.parti-rozet{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.parti-rozet img{width:22px;height:22px;object-fit:contain;border-radius:5px;background:#fff;
  border:1px solid var(--gri-200);padding:1px;flex:none}
.parti-rozet i{width:12px;height:12px;border-radius:4px;display:block;flex:none}
.parti-rozet b{font-weight:750;font-size:13.5px}
.parti-rozet-buyuk img{width:34px;height:34px;border-radius:8px}
.parti-rozet-buyuk b{font-size:15px}

/* ---------------- parti siralamasi ve gruplari ---------------- */
.parti-sira{padding:16px 18px;margin-bottom:22px}
.parti-sira-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--gri-200)}
.parti-sira-bas h3{margin:0;font-size:15px}
.parti-sira-bas span{font-size:13px;color:var(--gri-500);font-variant-numeric:tabular-nums}
.parti-sira-liste{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.parti-sira-liste li{display:grid;grid-template-columns:26px minmax(110px,1.1fr) minmax(60px,2fr) auto auto auto;
  gap:10px;align-items:center;padding:6px 4px;border-radius:8px;font-size:13.5px}
.parti-sira-liste li:hover{background:var(--gri-100)}
.ps-no{font-size:12px;font-weight:800;color:var(--gri-400);text-align:center;font-variant-numeric:tabular-nums}
.parti-sira-liste li:nth-child(-n+3) .ps-no{color:var(--kirmizi)}
.ps-ad{display:flex;align-items:center;gap:7px;min-width:0}
.ps-ad img{width:22px;height:22px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:5px;padding:1px;flex:none}
.ps-nokta{width:12px;height:12px;border-radius:4px;background:var(--parti-renk);flex:none}
.ps-ad b{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps-cubuk{height:8px;border-radius:4px;background:var(--gri-100);overflow:hidden;min-width:40px}
.ps-cubuk i{display:block;height:100%;width:0;border-radius:4px;background:var(--parti-renk);
  transition:width .7s cubic-bezier(.22,1,.36,1)}
.ps-oy{font-weight:750;font-variant-numeric:tabular-nums;text-align:right;min-width:56px}
.ps-yuzde{color:var(--gri-500);font-variant-numeric:tabular-nums;text-align:right;min-width:52px}
.ps-aday{color:var(--gri-400);font-size:12px;text-align:right;min-width:58px}

.parti-blok{margin:0 0 26px;scroll-margin-top:62px}
.parti-blok-bas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--gri-200);border-left:5px solid var(--parti-renk);
  border-radius:var(--r-m);padding:13px 16px;margin-bottom:14px}
.pb-logo{width:46px;height:46px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:10px;padding:3px;flex:none}
.pb-renk{background:var(--parti-renk);border-color:transparent}
.pb-ad{flex:1;min-width:150px}
.pb-ad h2{margin:0;font-size:17px}
.pb-ad h2 a:hover{color:var(--kirmizi)}
.pb-ad p{margin:1px 0 0;font-size:12.5px;color:var(--gri-500)}
.pb-sayi{text-align:right;min-width:88px}
.pb-sayi b{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pb-sayi span{font-size:11.5px;color:var(--gri-500)}

.parti-devam{display:inline-flex;align-items:center;gap:7px;margin-top:12px;
  font-size:13.5px;font-weight:700;color:var(--kirmizi);padding:9px 18px;
  border:1px dashed var(--gri-300);border-radius:var(--r-p);background:#fff;transition:.16s}
.parti-devam::after{content:"→"}
.parti-devam:hover{border-color:var(--kirmizi);background:rgba(200,16,46,.05)}
.parti-devam-not{margin-top:10px;font-size:13px;color:var(--gri-500)}
.parti-blok-bas .dugme{margin-left:auto;height:38px;font-size:13.5px}

@media (max-width:760px){
  .parti-sira-liste li{grid-template-columns:22px minmax(90px,1fr) auto auto;gap:8px}
  .ps-cubuk,.ps-aday{display:none}
  .pb-sayi{min-width:0;text-align:left}
  .pb-ad p{display:none}
}

/* ---------------- manset slider ---------------- */
.manset-bolum{padding:30px 0 6px}

/* Sol sutun yuksekligi belirler (16:9). Sag sutun grid stretch ile ayni
   yuksekligi alir; liste ICINDE mutlak konumlanip kendi kaydirmasini yapar.
   Boylece 15 haberlik liste duzeni tasirmaz. */
.manset{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(0,1fr);gap:14px;align-items:stretch}
.manset-sol{position:relative;min-width:0}
.manset-sag{position:relative;min-width:0;min-height:0}

.manset-sahne{
  position:relative;border-radius:14px;overflow:hidden;background:#0d1b30;
  aspect-ratio:16/9;box-shadow:0 10px 28px -10px rgba(11,27,52,.45);isolation:isolate;
}
.manset-slayt{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;
  transition:opacity .55s cubic-bezier(.4,0,.2,1),visibility .55s;pointer-events:none;z-index:1}
.manset-slayt.etkin{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.manset-slayt img{width:100%;height:100%;object-fit:cover;display:block}
.manset-slayt::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(5,11,22,.94) 0%,rgba(5,11,22,.62) 38%,rgba(5,11,22,.06) 68%,transparent 100%)}

.manset-govde{position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:0 26px 34px;color:#fff;display:flex;flex-direction:column;gap:10px}
.manset-ustveri{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#b9c8de}
.manset-ustveri .rozet{background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(3px)}
.manset-ustveri .rozet.sicak{background:var(--kirmizi);color:#fff}
.manset-no{font-size:12px;font-weight:900;letter-spacing:.08em;color:#fff;
  background:var(--kirmizi);border-radius:5px;padding:3px 8px}
.manset-baslik{font-size:clamp(1.15rem,1.85vw,1.72rem);font-weight:800;line-height:1.22;
  letter-spacing:-.02em;text-shadow:0 1px 14px rgba(0,0,0,.4);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.manset-ozet{font-size:14.5px;color:#c6d2e4;line-height:1.55;max-width:62ch;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.manset-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:44px;height:44px;padding:0;cursor:pointer;border:1px solid rgba(255,255,255,.22);
  border-radius:50%;background:rgba(10,20,36,.5);color:#fff;display:grid;place-items:center;
  opacity:0;transition:opacity .2s,background .2s,transform .2s;backdrop-filter:blur(6px)}
.manset-ok svg{width:20px;height:20px}
.manset-ok.sol{left:16px}
.manset-ok.sag{right:16px}
.manset-sahne:hover .manset-ok{opacity:1}
.manset-ok:focus-visible{opacity:1}
.manset-ok:hover{background:var(--kirmizi);border-color:var(--kirmizi);transform:translateY(-50%) scale(1.06)}

.manset-sayac{position:absolute;top:16px;right:16px;z-index:6;
  background:rgba(10,20,36,.55);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-p);
  padding:5px 14px;color:#fff;font-size:12.5px;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}
.manset-sayac b{font-weight:800;font-size:14.5px}
.manset-sayac span{opacity:.6;margin-left:3px}

.manset-nokta{position:absolute;left:26px;bottom:16px;z-index:6;display:flex;gap:4px;flex-wrap:wrap;max-width:calc(100% - 52px)}
.manset-tus{width:9px;height:9px;padding:0;cursor:pointer;border:0;border-radius:99px;
  background:rgba(255,255,255,.38);font-size:0;color:transparent;transition:.2s}
.manset-tus:hover{background:rgba(255,255,255,.7)}
.manset-tus.etkin{background:var(--kirmizi);width:26px}

.manset-ilerleme{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:7;background:rgba(255,255,255,.16)}
.manset-ilerleme i{display:block;height:100%;width:0;background:var(--kirmizi)}

.manset-liste{position:absolute;inset:0;display:flex;flex-direction:column;gap:6px;
  overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;
  scrollbar-color:var(--gri-300) transparent}
.manset-liste::-webkit-scrollbar{width:5px}
.manset-liste::-webkit-scrollbar-thumb{background:var(--gri-300);border-radius:3px}
.manset-oge{display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;width:100%;flex:none;
  background:#fff;border:1px solid var(--gri-200);border-left:3px solid transparent;
  border-radius:10px;padding:7px;transition:.16s;font:inherit;color:inherit}
.manset-oge:hover{background:var(--gri-100);border-color:var(--gri-300)}
.manset-oge.etkin{border-color:var(--gri-200);border-left-color:var(--kirmizi);background:#fff;
  box-shadow:0 3px 10px -4px rgba(16,24,40,.2)}
.manset-oge .mn{font-size:11px;font-weight:900;color:var(--gri-400);flex:none;width:18px;
  text-align:center;font-variant-numeric:tabular-nums}
.manset-oge.etkin .mn{color:var(--kirmizi)}
.manset-oge img{width:78px;height:56px;border-radius:7px;object-fit:cover;flex:none;background:var(--gri-100)}
.manset-oge .mb{min-width:0;font-size:12.8px;font-weight:650;line-height:1.38;color:var(--gri-900);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.manset-oge.etkin .mb{color:var(--gri-900)}

@media (max-width:980px){
  .manset{grid-template-columns:1fr}
  /* mobilde liste normal akisa doner ve yatay kayar */
  .manset-sag{position:static;min-height:0}
  .manset-liste{position:static;inset:auto;flex-direction:row;overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;
    padding:2px 0 8px;gap:8px}
  .manset-oge{flex-direction:column;align-items:flex-start;width:150px;padding:0;position:relative;
    border-left-width:1px;overflow:hidden}
  .manset-oge.etkin{border-color:var(--kirmizi)}
  .manset-oge img{width:100%;height:86px;border-radius:0}
  .manset-oge .mb{padding:8px 9px 10px;-webkit-line-clamp:2}
  .manset-oge .mn{position:absolute;top:7px;left:7px;z-index:2;width:auto;padding:1px 6px;
    background:rgba(8,17,32,.75);color:#fff;border-radius:5px}
  .manset-oge.etkin .mn{background:var(--kirmizi);color:#fff}
}
@media (max-width:560px){
  .manset-govde{padding:0 16px 26px;gap:7px}
  .manset-ozet{display:none}
  .manset-nokta{left:16px;bottom:12px;max-width:calc(100% - 32px)}
  .manset-ok{display:none}
  .manset-sayac{top:11px;right:11px;padding:4px 11px;font-size:11.5px}
}

/* ---------------- listeler / tablolar ---------------- */
.harf-liste{display:grid;grid-template-columns:repeat(auto-fit,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 profili ---------------- */
.profil-sayfa{padding-bottom:10px}

.profil-ust{position:relative;background:linear-gradient(160deg,#0b1b34 0%,#12294a 58%,#1b3357 100%);
  color:#fff;padding:34px 0 30px;overflow:hidden}
.profil-ust::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--parti-renk)}
/* SAG UST KOSEDEKI IKINCI ISIK KALDIRILDI.
   Sayfada iki ayri isik katmani vardi: biri burada, biri fotografin
   arkasinda. Ikisi ust uste binince renk tasiyor ve isik iki kez
   tekrarlanmis gibi gorunuyordu. Tek isik birakildi: fotografin arkasindaki. */
/* Yan sutunun en dar hali 220px iken eylem satirindaki uc dugme
   sikisiyor, sayi rozeti alt satira dusuyor ve "Beğenildi" etiketi
   uc noktayla kesiliyordu (tarayicida olculdu). 250px'te uc dugme de
   kesilmeden sigiyor. Ortadaki sutun minmax(0,1fr) oldugu icin farki
   kendisi sogurur, baslik duzeni bozulmaz. */
.profil-ust-ic{position:relative;z-index:1;display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(250px,290px);gap:28px;align-items:center}

.pu-foto{position:relative;width:150px;flex:none}
.pu-foto img{width:150px;height:190px;object-fit:cover;border-radius:18px;
  border:3px solid rgba(255,255,255,.16);box-shadow:0 14px 34px -12px rgba(0,0,0,.6)}
.pu-bas{width:150px;height:190px;border-radius:18px;display:grid;place-items:center;
  background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.16);
  font-size:46px;font-weight:800;color:rgba(255,255,255,.6)}
.pu-onay{position:absolute;right:-6px;bottom:12px;width:32px;height:32px;border-radius:50%;
  background:var(--mavi);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;
  border:3px solid #0f2440}

.pu-etiket{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:11px}
.pu-parti{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--gri-900);
  border-radius:var(--r-p);padding:5px 14px 5px 6px;font-weight:800;font-size:13.5px;
  border-left:4px solid var(--parti-renk)}
.pu-parti img{width:24px;height:24px;object-fit:contain;border-radius:5px;background:#fff}
.pu-parti:hover{background:var(--gri-100)}
.pu-bagimsiz{padding:5px 14px;border-left-color:var(--gri-400)}
.pu-gorev{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#a9bdd9;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-p);padding:5px 12px}

.profil-ust h1{color:#fff;font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0 0 8px;line-height:1.12}
.pu-yer{margin:0 0 18px;font-size:15px;color:#bccbe2;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.pu-yer a{border-bottom:1px solid rgba(255,255,255,.25)}
.pu-yer a:hover{color:#fff;border-bottom-color:#fff}
.pu-yer i{font-style:normal;opacity:.45}

.pu-sayac{display:flex;gap:26px;flex-wrap:wrap}
.pu-sayac div{display:flex;flex-direction:column}
.pu-sayac b{font-size:24px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.pu-sayac span{font-size:12px;color:#93a9c8;margin-top:3px}

.pu-oy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  border-radius:var(--r-l);padding:18px;backdrop-filter:blur(6px)}
.pu-oy-cubuk{height:8px;border-radius:5px;background:rgba(255,255,255,.16);overflow:hidden;margin-bottom:14px}
.pu-oy-cubuk i{display:block;height:100%;width:0;border-radius:5px;background:var(--parti-renk);
  transition:width .8s cubic-bezier(.22,1,.36,1)}
.pu-oy-dugme{width:100%;height:48px;font-size:15px}
.pu-oy-not{margin:10px 0 0;font-size:12px;color:#a0b5d1;line-height:1.5}

/* ---- diger sayfalarda da kullanilan ortak parcalar ---- */
.pu-bilgi{min-width:0}
.profil-etiket{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;align-items:center}
.kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,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 .k{color:var(--gri-500);min-width:104px;flex:none}
.kunye .d{font-weight:650}

.yarissiralama{display:grid;gap:10px}
.yarissatir{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:11px 13px;border:1px solid var(--gri-200);border-radius:var(--r-m);background:#fff;
  transition:border-color .16s,box-shadow .16s}
.yarissatir:hover{border-color:var(--gri-300)}
.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(--parti-renk,var(--kirmizi));color:#fff}
.yarissatir .ad{font-weight:700;font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.yarissatir .ad:hover{color:var(--kirmizi)}
.yarissatir b{font-variant-numeric:tabular-nums}
.yarissatir small{color:var(--gri-500);margin-left: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%;width:0;border-radius:4px;
  background:var(--parti-renk,var(--kirmizi));transition:width .7s cubic-bezier(.22,1,.36,1)}

/* ---- govde bloklari ---- */
.pk-blok{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);
  padding:24px;margin:22px 0}
.pk-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pk-bas h2{margin:0}
.pk-not{font-size:13px;color:var(--gri-500)}
.pk-bos{color:var(--gri-500);padding:22px;text-align:center;background:var(--gri-100);border-radius:var(--r-m)}

.pk-kunye{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  gap:0 26px;margin:16px 0 20px}
.pk-kunye div{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--gri-100);font-size:14.5px}
.pk-kunye dt{color:var(--gri-900);min-width:104px;flex:none;margin:0;font-weight:750}
.pk-kunye dd{margin:0;font-weight:400;color:var(--gri-700);min-width:0}

.pk-metin{font-size:16.5px;line-height:1.75;color:var(--gri-700)}
.pk-metin p{margin:0 0 1.05rem}
.pk-metin h2,.pk-metin h3{color:var(--gri-900);margin:1.5rem 0 .5rem;font-size:1.15rem}
.pk-metin ul,.pk-metin ol{margin:0 0 1rem 1.3rem;list-style:disc}
.pk-metin ol{list-style:decimal}
.pk-metin a{color:var(--kirmizi);text-decoration:underline}
.pk-metin blockquote{margin:1rem 0;padding:12px 16px;border-left:4px solid var(--parti-renk);
  background:var(--gri-100);border-radius:0 8px 8px 0}

.yarissatir.bu-aday{border-color:var(--parti-renk);box-shadow:0 0 0 1px var(--parti-renk) inset;
  background:color-mix(in srgb,var(--parti-renk) 5%,#fff)}
.yarissatir .ad em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--parti-renk);margin-left:6px}

/* ---------------- yorum ---------------- */

.yorum-kart{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--gri-100)}
.yorum-kart:last-of-type{border-bottom:0}
.yorum-bas{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:linear-gradient(140deg,var(--gri-100),var(--gri-200));
  color:var(--gri-500);font-weight:800;font-size:14px}
.yorum-govde{min-width:0;flex:1}
.yorum-kart .yb{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:5px;
  align-items:baseline;flex-wrap:wrap}
.yorum-kart .yb b{font-weight:750;font-size:14.5px;color:var(--gri-900)}
.yorum-kart .yb time{color:var(--gri-400);font-size:12.5px}
.yorum-kart p{margin:0;font-size:15px;line-height:1.65;color:var(--gri-700)}
.yorum-form{margin-top:22px;padding-top:22px;border-top:1px solid var(--gri-200)}
.yorum-form h3{font-size:15px;margin-bottom:14px}
.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,.form-alan select:focus{
  border-color:var(--mavi);outline:none;box-shadow:0 0 0 3px rgba(21,112,239,.12)}
.form-alan .konum-alan-tek{gap:6px}
.form-alan .konum-alan-tek label{font-size:11.5px;font-weight:750;color:var(--gri-500);
  text-transform:uppercase;letter-spacing:.06em}
.form-alan .konum-alan-tek label span{font-weight:500;text-transform:none;letter-spacing:0;opacity:.75}
.form-alan select{height:46px}
.form-alan .ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-alan input[type=file]{padding:10px 12px;background:var(--gri-100);border-style:dashed;cursor:pointer}
.form-alan input[type=file]::file-selector-button{
  border:0;border-radius:8px;padding:7px 14px;margin-right:11px;cursor:pointer;
  background:var(--gri-900);color:#fff;font-weight:650;font-size:13px}
@media (max-width:560px){ .form-alan .ikili{grid-template-columns:1fr} }
.form-alan select:disabled{opacity:.5;background:var(--gri-100);cursor:not-allowed}
.parti-cip{padding:4px 10px 4px 5px}
.parti-cip .parti-rozet img{width:20px;height:20px}
.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}

/* ---------------- form sayfalari (aday/haber ekle, iletisim) ---------------- */
.form-sayfa{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.form-kart{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  box-shadow:var(--golge-1);overflow:hidden}
.form-bas{padding:24px 26px 20px;background:linear-gradient(160deg,#0b1b34,#12294a);color:#fff}
.form-bas h1{color:#fff;margin:0 0 6px;font-size:clamp(1.3rem,2.2vw,1.75rem)}
.form-bas p{margin:0;color:#b7c8e0;font-size:14.5px;max-width:60ch}
.form-govde{padding:24px 26px 26px}

.form-adim{display:flex;gap:0;margin:0 0 22px;counter-reset:adim}
.form-adim span{flex:1;position:relative;padding:0 0 12px 0;font-size:12px;font-weight:750;
  color:var(--gri-400);text-transform:uppercase;letter-spacing:.06em;text-align:center;
  border-bottom:3px solid var(--gri-200)}
.form-adim span.etkin{color:var(--kirmizi);border-bottom-color:var(--kirmizi)}

.form-bolum{border-top:1px solid var(--gri-200);padding-top:20px;margin-top:20px}
.form-bolum:first-of-type{border-top:0;padding-top:0;margin-top:0}
.form-bolum > h2{font-size:14px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--gri-500);margin-bottom:14px;display:flex;align-items:center;gap:9px}
.form-bolum > h2::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;
  background:var(--kirmizi);color:#fff;font-size:11px;display:grid;place-items:center;
  font-family:var(--yazi);counter-increment:bolum;content:counter(bolum)}
.form-govde{counter-reset:bolum}

.alan-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:start}
.alan{display:grid;gap:6px;min-width:0;align-content:start}
.alan.genis{grid-column:1/-1}
.alan label{font-size:11.5px;font-weight:750;color:var(--gri-500);
  text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.alan label em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;
  color:var(--gri-400)}
.alan label .zorunlu{color:var(--kirmizi)}
.alan input,.alan select,.alan textarea{
  width:100%;height:48px;border:1px solid var(--gri-300);border-radius:11px;
  padding:0 14px;font:inherit;font-size:15px;background:#fff;color:var(--gri-900);
  transition:border-color .16s,box-shadow .16s,background .16s}
.alan textarea{height:auto;min-height:130px;padding:13px 14px;line-height:1.6;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:var(--gri-400)}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  border-color:var(--mavi);outline:none;box-shadow:0 0 0 4px rgba(21,112,239,.1);background:#fff}
.alan input:disabled,.alan select:disabled{background:var(--gri-100);color:var(--gri-400);cursor:not-allowed}
.alan .ipucu{font-size:12.5px;color:var(--gri-500)}
.alan[hidden]{display:none}

.dosya-alan{position:relative;border:2px dashed var(--gri-300);border-radius:12px;
  background:var(--gri-100);padding:20px;text-align:center;transition:.16s;cursor:pointer}
.dosya-alan:hover{border-color:var(--kirmizi);background:rgba(200,16,46,.03)}
.dosya-alan input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;height:100%}
.dosya-alan .di{font-size:26px;line-height:1;margin-bottom:6px;opacity:.4}
.dosya-alan b{display:block;font-size:14px}
.dosya-alan span{font-size:12.5px;color:var(--gri-500)}.form-islem{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border-top:1px solid var(--gri-200);margin-top:22px;padding-top:20px}
.form-islem .dugme{height:48px;padding:0 26px;font-size:15px}
.form-not{font-size:12.5px;color:var(--gri-500);flex:1;min-width:200px;margin:0}

.yardim-kutu{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);padding:18px;margin-bottom:16px}
.yardim-kutu h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--gri-500);margin-bottom:11px}
.yardim-liste{display:grid;gap:11px}
.yardim-liste li{display:flex;align-items:flex-start;gap:10px;font-size:14px;
  color:var(--gri-700);line-height:1.55;min-width:0}
.yardim-liste li b{display:block;color:var(--gri-900);font-size:14px}
/* iletisim kartlari */
.iletisim-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:22px}
.iletisim-kart{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);padding:20px;
  transition:.18s}
.iletisim-kart:hover{box-shadow:var(--golge-2);border-color:var(--gri-300)}
.iletisim-kart .ik{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(200,16,46,.08);color:var(--kirmizi);font-size:19px;margin-bottom:12px}
.iletisim-kart h3{font-size:15px;margin-bottom:4px}
.iletisim-kart p{font-size:14px;color:var(--gri-500);margin:0;line-height:1.55}
.iletisim-kart a{color:var(--kirmizi);font-weight:650}
.iletisim-kart a:hover{text-decoration:underline}

@media (max-width:980px){ .form-sayfa{grid-template-columns:1fr} }

.rehber-baglanti{margin-top:28px;padding-top:22px;border-top:1px solid var(--gri-200)}
.rehber-baglanti h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--gri-500)}
.rehber-baglanti ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:12px}
.rehber-baglanti a{display:block;padding:11px 14px;background:var(--gri-100);border-radius:10px;
  font-size:14px;font-weight:650;transition:.15s}
.rehber-baglanti a:hover{background:#fff;box-shadow:var(--golge-1);color:var(--kirmizi)}

/* ---------------- yan sutun ---------------- */
.yan{display:grid;gap:18px;position:sticky;top:58px}
.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}.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}

/* IKINCI NOKTA DUZELTMESI
   Rozetin HTML'inde tek bir nokta var: <i class="nokta">.
   Bu kuraldaki "::before" ikinci bir nokta daha ciziyordu.
   Ustelik rengi sabit yesildi: durum degisince (duraklatildi,
   cevrimdisi) gercek nokta griye donuyor, sahte nokta yesil
   kaliyordu. Ayni sekilde sabit "color:#12b76a" yazi rengini de
   kilitleyip .canli-rozet[data-durum] renklerini eziyordu.
   Cozum: ::before ve sabit renk kaldirildi; renk artik yalnizca
   .canli-rozet[data-durum] kurallarindan gelir.
   canliNabiz animasyonu da yalnizca ::before icin vardi, silindi.
   (Gercek noktanin animasyonu "nabiz", o duruyor.) */
.canli-yazi{display:inline-flex;align-items:center;font-size:12px;font-weight:750;
  letter-spacing:.03em;color:inherit}

/* ---------------- uyelik davetleri ---------------- */
.uye-davet{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(200,16,46,.05),rgba(21,112,239,.05));
  border:1px solid var(--gri-200);border-radius:var(--r-m);padding:13px 44px 13px 16px;
  margin:14px 0;font-size:13.5px;line-height:1.45}
.ud-metin{flex:1;min-width:190px;display:flex;flex-direction:column;gap:2px}
.ud-metin b{font-size:14.5px;font-weight:800;color:var(--gri-900)}
.ud-metin span{color:var(--gri-600)}
.ud-eylem{display:flex;align-items:center;gap:12px;flex:none}
.ud-dugme{display:inline-flex;align-items:center;justify-content:center;height:38px;
  padding:0 20px;border-radius:var(--r-p);background:var(--kirmizi);color:#fff;
  font-size:13.5px;font-weight:750;white-space:nowrap;transition:.16s}
.ud-dugme:hover{background:var(--kirmizi-2,#a10d25);color:#fff}
.ud-bag{color:var(--gri-600);font-weight:650;white-space:nowrap}
.ud-bag:hover{color:var(--kirmizi)}
.ud-kapat{position:absolute;top:8px;right:10px;width:26px;height:26px;border:0;
  background:transparent;color:var(--gri-400);font-size:20px;line-height:1;
  cursor:pointer;border-radius:50%;transition:.16s}
.ud-kapat:hover{background:var(--gri-100);color:var(--gri-700)}
/* Yorum kutusundaki satir daha sakin: form icinde durdugu icin
   dikkat cekmesi degil, bilgilendirmesi yeterli. */
.uye-davet.ud-yorum{background:var(--gri-100);border-style:dashed;padding-right:16px;
  margin:0 0 16px}
.uye-davet.ud-yorum .ud-dugme{height:34px;padding:0 16px;font-size:13px}
/* Oy kutusunun icindeki davet dar alanda durur: alt alta dizilir */
.pu-oy-davet{margin-top:12px}
.pu-oy-davet .uye-davet{margin:0;flex-direction:column;align-items:stretch;
  padding:13px 16px;gap:11px}
.pu-oy-davet .ud-eylem{justify-content:space-between}
.pu-oy-davet .ud-dugme{flex:1}
.pu-oy-davet .ud-kapat{top:4px;right:6px}
/* Uye olmayana gosterilen "Uye Ol" rozeti Premium rozetinden ayrilsin */
.pi-rozet.pi-uye{background:var(--kirmizi);color:#fff}
@media (max-width:560px){
  .uye-davet{padding:12px 40px 12px 14px}
  .ud-eylem{width:100%;justify-content:space-between}
}

/* ---------------- aday takibi ----------------
   NOT: .pu-takip dugmesinin YERLESIMI (genislik, satir duzeni) artik
   "begen / takip / paylas" bolumunde, .pu-eylem ile birlikte tek
   yerde tanimlidir. Burada yalnizca dugmeye ozgu renk kalir. */
.pu-takip{color:#c7d5e8;background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pu-takip:hover{background:rgba(255,255,255,.18);color:#fff}
.pu-takip.etkin{background:linear-gradient(135deg,#f79009,#d97706);color:#fff;
  box-shadow:0 8px 20px -8px rgba(247,144,9,.85)}
.pu-takip.etkin:hover{color:#fff}
.pu-takip[disabled]{opacity:.6;cursor:default;transform:none}

.takip-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.takip-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;
  gap:14px;align-items:center;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:11px 14px;transition:.16s}
.takip-liste li.cikarildi{opacity:.5}
.tk-aday{display:flex;align-items:center;gap:11px;min-width:0}
.tk-aday img,.tk-bas{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;
  border:1px solid var(--gri-200)}
.tk-bas{display:grid;place-items:center;background:var(--gri-100);color:var(--gri-600);
  font-weight:800;font-size:15px}
.tk-bilgi{display:flex;flex-direction:column;gap:2px;min-width:0}
.tk-bilgi b{font-size:14.5px;font-weight:750;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.tk-bilgi small{font-size:12.5px;color:var(--gri-500);display:flex;align-items:center;gap:6px}
.tk-parti{display:inline-flex;align-items:center;padding:1px 7px;border-radius:5px;
  background:var(--parti-renk);color:#fff;font-size:11px;font-weight:750}
.tk-sayi,.tk-sira{display:flex;flex-direction:column;align-items:flex-end;gap:1px;
  min-width:72px;text-align:right}
.tk-sayi b,.tk-sira b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  letter-spacing:-.02em}
.tk-sayi small,.tk-sira small{font-size:11px;color:var(--gri-500)}
.tk-fark{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.tk-fark.arti{color:var(--yesil,#12b76a)}
.tk-fark.eksi{color:var(--kirmizi)}
.tk-birak{flex:none;height:34px;padding:0 13px;border:1px solid var(--gri-300);
  border-radius:var(--r-p);background:#fff;color:var(--gri-600);font-size:12.5px;
  font-weight:700;cursor:pointer;transition:.16s;white-space:nowrap}
.tk-birak:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
@media (max-width:640px){
  .takip-liste li{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px}
  .tk-aday{grid-column:1 / -1}
  .tk-sira{min-width:0}
  .tk-birak{justify-self:end}
}

/* ---------------- alt bilgi ---------------- */
.alt{background:var(--lacivert);color:#b8c7de;margin-top:50px;position:relative}
.alt::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--kirmizi) 0%,#f79009 32%,#12b76a 66%,#1570ef 100%)}

.alt-ust{background:linear-gradient(120deg,rgba(200,16,46,.16),rgba(21,112,239,.14));
  border-bottom:1px solid rgba(255,255,255,.09)}
.alt-ust-ic{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;padding:26px 18px}
.alt-cagri h3{color:#fff;font-size:19px;margin:0 0 4px}
.alt-cagri p{margin:0;font-size:14.5px;color:#c2d1e6;max-width:52ch}
.alt-dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.alt-ikincil{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.alt-ikincil:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

.alt-ic{display:grid;grid-template-columns:1.6fr 1fr 1.15fr 1fr 1fr;gap:28px;padding:38px 18px 30px}
.alt h4{color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;
  position:relative;padding-bottom:9px}
.alt h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--kirmizi)}
.alt li{padding:5px 0;font-size:14px}
.alt a{transition:color .15s,padding-left .15s}
.alt li a:hover{color:#fff;padding-left:4px}
.alt p{font-size:14px;line-height:1.65;max-width:42ch}
.logo-alt img{height:40px}

.alt-blok{min-width:0}
.alt-blok ul{list-style:none;margin:0;padding:0}
.alt-marka .logo-alt{display:inline-block;margin-bottom:14px}
.alt-sayac{display:flex;gap:22px;margin:16px 0 4px;flex-wrap:wrap}
.alt-sayac div{display:flex;flex-direction:column}
.alt-sayac b{font-size:20px;font-weight:850;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.alt-sayac span{font-size:11.5px;color:#8ba0bd;text-transform:uppercase;letter-spacing:.06em}

.sosyal{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.sosyal a{padding:7px 14px;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-p);
  font-size:13px;font-weight:650;transition:.16s}
.sosyal a:hover{background:#fff;color:var(--lacivert);border-color:#fff}

.telif{border-top:1px solid rgba(255,255,255,.09);padding:16px 0;font-size:12.5px;color:#8ba0bd}
.telif-ic{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.telif-not{opacity:.8}

/* ---------------- 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}
  .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-oge{height:34px}
  .tik-nav{display:none}
}
@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}
  
  .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} }


/* ---------------- whatsapp + yukari cik ---------------- */
.whatsapp{
  position:fixed;right:20px;bottom:20px;z-index:68;width:52px;height:52px;
  border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;
  box-shadow:0 6px 20px -6px rgba(37,211,102,.6);
  transition:transform .28s cubic-bezier(.34,1.3,.64,1),box-shadow .2s,background .2s;
}
.whatsapp svg{width:28px;height:28px}
.whatsapp:hover{background:#1ebe5b;box-shadow:0 8px 24px -6px rgba(37,211,102,.75)}
/* Yukari cik dugmesi belirince WhatsApp yukari kayar */
body.yukari-acik .whatsapp{transform:translateY(-62px)}
@media (max-width:560px){
  .whatsapp{right:14px;bottom:14px;width:46px;height:46px}
  .whatsapp svg{width:25px;height:25px}
  body.yukari-acik .whatsapp{transform:translateY(-56px)}
}

/* ---------------- yukari cik dugmesi ---------------- */
.yukari[hidden]{display:none}
.yukari{
  position:fixed;right:20px;bottom:20px;z-index:70;width:52px;height:52px;padding:0;
  border:0;border-radius:50%;cursor:pointer;background:#fff;color:var(--kirmizi);
  box-shadow:0 6px 20px -6px rgba(16,24,40,.35);display:grid;place-items:center;
  opacity:0;transform:translateY(12px) scale(.9);transition:opacity .25s,transform .25s;
}
.yukari.gorunur{opacity:1;transform:none}
.yukari:hover{background:var(--kirmizi);color:#fff}
.yukari svg{position:absolute;inset:0;width:52px;height:52px;transform:rotate(-90deg)}
.yukari .yr{fill:none;stroke:var(--gri-200);stroke-width:3}
.yukari .yd{fill:none;stroke:var(--kirmizi);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:119.4;stroke-dashoffset:119.4;transition:stroke-dashoffset .12s linear}
.yukari:hover .yr{stroke:rgba(255,255,255,.3)}
.yukari:hover .yd{stroke:#fff}
.yukari .yok{position:relative;z-index:1;display:grid;place-items:center}
.yukari .yok svg{position:static;width:20px;height:20px;transform:none}
@media (max-width:560px){ .yukari{right:14px;bottom:14px;width:46px;height:46px}
  .yukari svg{width:46px;height:46px} }

/* ---------------- bildirimler (alert yerine) ---------------- */
.bildirim-kap{position:fixed;right:20px;top:64px;z-index:90;display:grid;gap:10px;
  width:min(360px,calc(100vw - 32px));pointer-events:none}
.bildirim{
  display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--gri-200);
  border-left:4px solid var(--gri-400);border-radius:12px;padding:13px 15px;
  box-shadow:0 10px 30px -8px rgba(16,24,40,.28);pointer-events:auto;
  opacity:0;transform:translateX(18px);transition:opacity .28s,transform .28s;
}
.bildirim.gorunur{opacity:1;transform:none}
.bildirim.cikan{opacity:0;transform:translateX(18px)}
.bildirim .bi{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:13px;font-weight:800;color:#fff;background:var(--gri-400)}
.bildirim .bm{flex:1;min-width:0;font-size:14.2px;line-height:1.45;color:var(--gri-900)}
.bildirim .bk{border:0;background:transparent;cursor:pointer;color:var(--gri-400);
  font-size:17px;line-height:1;padding:0 2px}
.bildirim .bk:hover{color:var(--gri-700)}
.bildirim.iyi{border-left-color:var(--yesil)}   .bildirim.iyi .bi{background:var(--yesil)}
.bildirim.kotu{border-left-color:var(--kirmizi)} .bildirim.kotu .bi{background:var(--kirmizi)}
.bildirim.uyari{border-left-color:var(--amber)}  .bildirim.uyari .bi{background:var(--amber)}
.bildirim.bilgi{border-left-color:var(--mavi)}   .bildirim.bilgi .bi{background:var(--mavi)}
@media (max-width:560px){ .bildirim-kap{right:12px;left:12px;top:56px;width:auto} }

/* ---------------- onay penceresi (confirm yerine) ---------------- */
.onay-katman[hidden]{display:none}
.onay-katman{position:fixed;inset:0;z-index:95;background:rgba(8,17,32,.55);
  display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px);
  opacity:0;transition:opacity .2s}
.onay-katman.gorunur{opacity:1}
.onay-kutu{background:#fff;border-radius:16px;padding:24px;width:min(420px,100%);
  box-shadow:0 24px 60px -12px rgba(0,0,0,.4);transform:scale(.96);transition:transform .2s}
.onay-katman.gorunur .onay-kutu{transform:none}
.onay-kutu h3{font-size:18px;margin-bottom:8px}
.onay-kutu p{color:var(--gri-700);font-size:14.5px;margin:0 0 20px}
.onay-islem{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}
.onay-islem .dugme{height:42px}


/* =====================================================================
   MODERN FORM: sihirbaz, ozel secici, satir ici dogrulama
   ===================================================================== */

/* ---- adim gostergesi ---- */
.sihirbaz-bas{display:flex;gap:0;margin:0 0 26px;position:relative}
.sihirbaz-bas::before{content:"";position:absolute;left:22px;right:22px;top:17px;height:2px;
  background:var(--gri-200);z-index:0}
.sh-adim{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;
  gap:8px;background:transparent;border:0;padding:0;cursor:default;font:inherit}
.sh-adim .sh-no{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:2px solid var(--gri-300);color:var(--gri-400);
  font-size:14px;font-weight:800;transition:.2s}
.sh-adim .sh-ad{font-size:12px;font-weight:750;color:var(--gri-400);text-align:center;
  letter-spacing:.02em;transition:.2s}
.sh-adim.etkin .sh-no{border-color:var(--kirmizi);background:var(--kirmizi);color:#fff;
  box-shadow:0 0 0 4px rgba(200,16,46,.13)}
.sh-adim.etkin .sh-ad{color:var(--gri-900)}
.sh-adim.tamam .sh-no{border-color:var(--yesil);background:var(--yesil);color:#fff;font-size:0}
.sh-adim.tamam .sh-no::after{content:"✓";font-size:16px}
.sh-adim.tamam .sh-ad{color:var(--gri-700)}

.sihirbaz-sayfa{display:none}
.sihirbaz-sayfa.etkin{display:block;animation:shGir .3s ease}
@keyframes shGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sihirbaz-islem{display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  border-top:1px solid var(--gri-200);margin-top:24px;padding-top:20px}
.sihirbaz-islem .bosluk{flex:1}
.sihirbaz-islem .dugme{height:48px;padding:0 26px;font-size:15px}
.sh-sayac{font-size:13px;color:var(--gri-500);font-variant-numeric:tabular-nums}

/* ---- satir ici dogrulama ---- */
.alan.hatali input,.alan.hatali select,.alan.hatali textarea,
.alan.hatali .os-dugme{border-color:var(--kirmizi);background:rgba(200,16,46,.02)}
.alan.hatali input:focus,.alan.hatali textarea:focus,.alan.hatali select:focus{
  box-shadow:0 0 0 4px rgba(200,16,46,.12)}
.alan.gecerli input,.alan.gecerli textarea{border-color:rgba(18,183,106,.55)}
.alan-hata{display:none;font-size:12.8px;color:var(--kirmizi);font-weight:600;
  align-items:center;gap:5px}
.alan-hata::before{content:"!";width:15px;height:15px;border-radius:50%;background:var(--kirmizi);
  color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex:none}
.alan.hatali .alan-hata{display:flex}
.alan-sayac{font-size:12px;color:var(--gri-400);text-align:right;font-variant-numeric:tabular-nums}
.alan-sayac.dolu{color:var(--amber)}
.alan-sayac.asti{color:var(--kirmizi);font-weight:700}

/* ---- logolu ozel secici ---- */
.ozel-sec{position:relative}
.ozel-sec select{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.os-dugme{width:100%;height:48px;display:flex;align-items:center;gap:10px;
  border:1px solid var(--gri-300);border-radius:11px;background:#fff;padding:0 14px;
  cursor:pointer;font:inherit;font-size:15px;text-align:left;color:var(--gri-900);transition:.16s}
.os-dugme:hover{border-color:var(--gri-400)}
.os-dugme[aria-expanded="true"]{border-color:var(--mavi);box-shadow:0 0 0 4px rgba(21,112,239,.1)}
.os-dugme .os-metin{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-dugme .os-ok{flex:none;color:var(--gri-400);font-size:11px;transition:transform .18s}
.os-dugme[aria-expanded="true"] .os-ok{transform:rotate(180deg)}
.os-logo{width:26px;height:26px;border-radius:6px;object-fit:contain;background:#fff;
  border:1px solid var(--gri-200);padding:1px;flex:none}
.os-renk{width:14px;height:14px;border-radius:4px;flex:none}
.os-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:9999;background:#fff;
  min-width:100%;width:max-content;max-width:min(420px,92vw);
  border:1px solid var(--gri-200);border-radius:12px;box-shadow:var(--golge-3);
  overflow:hidden;display:none}
.os-panel.acik{display:block}
.os-ara{width:100%;height:42px;border:0;border-bottom:1px solid var(--gri-200);
  padding:0 14px;font:inherit;font-size:14.5px;outline:none}
.os-liste{max-height:min(420px,60vh);overflow-y:auto;padding:6px;scrollbar-width:thin}
.os-oge{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;
  background:transparent;cursor:pointer;border-radius:9px;font:inherit;font-size:14.5px;
  text-align:left;color:var(--gri-900)}
.os-oge:hover,.os-oge.vurgu{background:var(--gri-100)}
.os-oge.secili{background:rgba(200,16,46,.07);color:var(--kirmizi);font-weight:700}
.os-oge .os-alt{font-size:12px;color:var(--gri-500);display:block;font-weight:400}
.os-bos{padding:16px;text-align:center;color:var(--gri-500);font-size:14px}

/* ---- gelismis dosya alani ---- */
.dosya-alan.suruklu{border-color:var(--kirmizi);background:rgba(200,16,46,.05)}
.dosya-onizleme{display:none;margin-top:12px;align-items:center;gap:12px}
.dosya-onizleme.gorunur{display:flex}
.dosya-onizleme img{width:84px;height:84px;object-fit:cover;border-radius:11px;
  border:1px solid var(--gri-200);flex:none}
.dosya-bilgi{min-width:0;font-size:13.5px}
.dosya-bilgi b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dosya-bilgi span{color:var(--gri-500);font-size:12.5px}
.dosya-sil{margin-top:5px;border:0;background:transparent;color:var(--kirmizi);
  font-size:12.5px;font-weight:700;cursor:pointer;padding:0}
.dosya-sil:hover{text-decoration:underline}


/* ---------------- ozel secici: ikon ---------------- */
.os-ikon{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;
  background:var(--gri-100);color:var(--kirmizi);font-size:15px;line-height:1}
.os-dugme .os-ikon{width:26px;height:26px;font-size:14px}

/* ---------------- zengin metin editoru ---------------- */
.editor{border:1px solid var(--gri-300);border-radius:12px;background:#fff;overflow:hidden;
  transition:border-color .16s,box-shadow .16s}
.editor.odak{border-color:var(--mavi);box-shadow:0 0 0 4px rgba(21,112,239,.1)}
.editor-arac{display:flex;flex-wrap:wrap;gap:3px;padding:7px 8px;background:var(--gri-100);
  border-bottom:1px solid var(--gri-200)}
.editor-arac .ea{min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;
  border-radius:8px;background:transparent;cursor:pointer;font-size:13.5px;color:var(--gri-700);
  line-height:1;transition:.14s}
.editor-arac .ea:hover{background:#fff;border-color:var(--gri-300);color:var(--gri-900)}
.editor-arac .ea:active{background:var(--gri-200)}
.editor-alan{min-height:280px;max-height:620px;overflow-y:auto;padding:16px 18px;
  font-size:16px;line-height:1.7;color:var(--gri-900);outline:none}
.editor-alan.bos::before{content:attr(data-bos);color:var(--gri-400);pointer-events:none;display:block}
.editor-alan p{margin:0 0 .9rem}
.editor-alan h2{font-size:1.28rem;margin:1.3rem 0 .5rem}
.editor-alan h3{font-size:1.1rem;margin:1.1rem 0 .4rem}
.editor-alan ul,.editor-alan ol{margin:0 0 1rem 1.3rem;list-style:disc}
.editor-alan ol{list-style:decimal}
.editor-alan li{margin:.25rem 0}
.editor-alan blockquote{margin:1rem 0;padding:10px 16px;border-left:4px solid var(--kirmizi);
  background:var(--gri-100);border-radius:0 8px 8px 0;color:var(--gri-700)}
.editor-alan a{color:var(--kirmizi);text-decoration:underline}
.editor-bilgi{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;
  border-top:1px solid var(--gri-200);background:var(--gri-100);font-size:12.5px;color:var(--gri-500)}
.editor-bilgi .es.eksik{color:var(--kirmizi);font-weight:700}
.editor-gizli{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.editor-link{display:none;gap:7px;padding:9px 10px;background:#fff;border-bottom:1px solid var(--gri-200)}
.editor-link.acik{display:flex}
.editor-link input{flex:1;height:38px;border:1px solid var(--gri-300);border-radius:9px;padding:0 11px;font:inherit;font-size:14px}
.editor-link .dugme{height:38px;padding:0 14px;font-size:13.5px}
.alan.hatali .editor{border-color:var(--kirmizi)}

/* ---------------- yorumlar ---------------- */
.yorum-devam{width:100%;margin-top:12px;height:46px}
.yorum-kart[hidden]{display:none!important}


@media (max-width:1080px){
  .profil-ust-ic{grid-template-columns:auto minmax(0,1fr)}
  .pu-oy{grid-column:1/-1}
}
@media (max-width:640px){
  .profil-ust{padding:24px 0 22px}
  .profil-ust-ic{grid-template-columns:1fr;gap:18px;text-align:center;justify-items:center}
  .pu-foto,.pu-foto img,.pu-bas{width:118px}
  .pu-foto img,.pu-bas{height:150px}
  .pu-etiket,.pu-yer,.pu-sayac{justify-content:center}
  .pu-sayac{gap:18px}
  .pu-sayac b{font-size:20px}
  .pu-oy{width:100%}
  .pk-blok{padding:18px}
  .pk-kunye{grid-template-columns:1fr}
}


/* ---------------- partiye gore siralama (aday sayfasi) ---------------- */
.sira-parti{display:grid;gap:12px;margin-top:16px}
.sp-grup{border:1px solid var(--gri-200);border-left:4px solid var(--parti-renk);
  border-radius:var(--r-m);background:#fff;overflow:hidden}
.sp-grup.bizim{border-color:var(--parti-renk);box-shadow:0 0 0 1px var(--parti-renk) inset}
.sp-bas{display:grid;grid-template-columns:26px minmax(80px,auto) minmax(50px,1fr) auto;
  gap:11px;align-items:center;padding:11px 14px;background:var(--gri-100);
  border-bottom:1px solid var(--gri-200)}
.sp-bas img{width:26px;height:26px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:6px;padding:1px}
.sp-renk{width:26px;height:26px;border-radius:6px;background:var(--parti-renk)}
.sp-ad{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.sp-ad:hover{color:var(--kirmizi)}
.sp-cubuk{height:8px;border-radius:4px;background:var(--gri-200);overflow:hidden;min-width:36px}
.sp-cubuk i{display:block;height:100%;width:0;border-radius:4px;background:var(--parti-renk);
  transition:width .7s cubic-bezier(.22,1,.36,1)}
.sp-oy{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-oy b{font-size:14.5px;font-weight:800}
.sp-oy small{color:var(--gri-500);margin-left:5px}

.sp-liste{list-style:none;margin:0;padding:6px 8px;counter-reset:sp}
.sp-liste li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;
  border-bottom:1px solid var(--gri-100);font-size:14px}
.sp-liste li:last-child{border-bottom:0}
.sp-liste li::before{counter-increment:sp;content:counter(sp);width:20px;flex:none;text-align:center;
  font-size:11.5px;font-weight:800;color:var(--gri-400);font-variant-numeric:tabular-nums}
.sp-liste li.bu-aday{background:color-mix(in srgb,var(--parti-renk) 7%,#fff)}
.sp-liste li.bu-aday::before{color:var(--parti-renk)}
.sp-kisi{flex:1;min-width:0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.sp-kisi:hover{color:var(--kirmizi)}
.sp-kisi em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--parti-renk);margin-left:6px}
.sp-sayi{white-space:nowrap;font-variant-numeric:tabular-nums}
.sp-sayi b{font-weight:750}
.sp-sayi small{color:var(--gri-500);margin-left:5px}
.sp-devam::before{content:"";counter-increment:none}
.sp-devam a{font-size:13px;font-weight:700;color:var(--kirmizi)}
.sp-devam a:hover{text-decoration:underline}

@media (max-width:640px){
  .sp-bas{grid-template-columns:24px 1fr auto;gap:9px}
  .sp-cubuk{display:none}
}

/* ---------------- yorum yanitlari ---------------- */
.yorum-cevapla{border:0;background:transparent;padding:0;margin-top:7px;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:700;color:var(--gri-500)}
.yorum-cevapla:hover{color:var(--kirmizi);text-decoration:underline}
.yorum-cevaplar{margin:12px 0 0;padding-left:16px;border-left:2px solid var(--gri-200)}
.yorum-cevaplar .yorum-kart{padding:12px 0;border-bottom:1px solid var(--gri-100)}
.yorum-cevaplar .yorum-kart:last-child{border-bottom:0;padding-bottom:0}
.yorum-cevaplar .yorum-bas{width:32px;height:32px;font-size:12px}
.yorum-cevaplar p{font-size:14.2px}
.yorum-etiket{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:var(--mavi);background:rgba(21,112,239,.1);border-radius:4px;padding:1px 6px}
.yorum-yanit-bilgi[hidden]{display:none}
.yorum-yanit-bilgi{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px;
  padding:10px 13px;background:rgba(21,112,239,.07);border:1px solid rgba(21,112,239,.2);
  border-radius:10px;font-size:13.5px;color:#175cd3}
.yorum-yanit-bilgi button{border:0;background:transparent;cursor:pointer;font:inherit;
  font-weight:700;color:var(--kirmizi);text-decoration:underline;padding:0}


/* ---------------- arama kutusu ---------------- */
.arama{position:relative;flex:1 1 auto;max-width:560px;min-width:0;margin:0 auto;display:flex;align-items:center}
.arama-ikon{position:absolute;left:15px;color:#8ea3c2;pointer-events:none;display:grid;place-items:center}
.arama-ikon svg{width:18px;height:18px}
.arama input{
  width:100%;height:46px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-p);
  background:rgba(255,255,255,.07);color:#fff;padding:0 76px 0 44px;font-size:14.8px;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
.arama input::placeholder{color:#8ea3c2}
.arama input::-webkit-search-cancel-button{display:none}
.arama input:focus{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);
  box-shadow:0 0 0 4px rgba(255,255,255,.08);outline:none}
.arama-temizle[hidden]{display:none}
.arama-temizle{position:absolute;right:46px;width:24px;height:24px;border:0;border-radius:50%;
  background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:15px;line-height:1;
  display:grid;place-items:center}
.arama-temizle:hover{background:rgba(255,255,255,.28)}
.arama-kisayol{position:absolute;right:14px;min-width:22px;height:22px;border-radius:6px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#9db0cc;
  font-size:11.5px;font-family:var(--yazi);display:grid;place-items:center;pointer-events:none}
.arama input:focus ~ .arama-kisayol{opacity:0}

.oneri{position:absolute;top:54px;left:0;right:0;background:#fff;border-radius:14px;
  box-shadow:var(--golge-3);overflow:hidden;z-index:70;max-height:min(70vh,520px);overflow-y:auto}
.oneri-grup{padding:9px 15px 5px;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gri-400);background:var(--gri-100)}
.oneri a{display:flex;align-items:center;gap:12px;padding:11px 15px;color:var(--gri-900);
  border-bottom:1px solid var(--gri-100)}
.oneri a:last-child{border-bottom:0}
.oneri a:hover,.oneri a.sec{background:var(--gri-100)}
.oneri .oi{width:38px;height:38px;border-radius:10px;object-fit:cover;background:var(--gri-200);flex:none}
.oneri .oi-harf{display:grid;place-items:center;font-weight:800;font-size:14px;color:var(--gri-500)}
.oneri .oad{font-weight:700;font-size:14.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oneri .oalt{font-size:12.3px;color:var(--gri-500);display:block}
.oneri .osag{margin-left:auto;flex:none;font-size:11px;font-weight:750;color:var(--gri-400);
  background:var(--gri-100);border-radius:5px;padding:2px 7px}
.oneri .obos{padding:22px 16px;color:var(--gri-500);font-size:14px;text-align:center}
.oneri-alt{display:flex;justify-content:space-between;gap:10px;padding:9px 15px;
  background:var(--gri-100);font-size:12px;color:var(--gri-500)}
.oneri-alt kbd{background:#fff;border:1px solid var(--gri-300);border-radius:4px;padding:1px 5px;
  font-family:var(--yazi);font-size:11px}
.arama-yukleniyor{padding:20px;text-align:center;color:var(--gri-400);font-size:14px}


/* ---------------- iller sayfasi ---------------- */
.il-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0b1b34,#12294a 55%,#1b3357);color:#fff;
  border-radius:var(--r-l);padding:28px 30px;margin-bottom:22px;position:relative;overflow:hidden}
.il-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,16,46,.3),transparent 68%)}
.il-hero > *{position:relative;z-index:1}
.il-hero h1{color:#fff;margin:0 0 8px}
.il-hero p{margin:0;color:#bccbe2;font-size:15px;max-width:60ch}
.il-ara{position:relative;min-width:min(320px,100%)}
.il-ara input{width:100%;height:50px;border-radius:var(--r-p);border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);color:#fff;padding:0 18px;font-size:15px}
.il-ara input::placeholder{color:#9db0cc}
.il-ara input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2)}
.il-ara-sonuc{display:block;margin-top:7px;font-size:12.5px;color:#9db0cc;min-height:16px}

.il-bolge-filtre{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}
.il-bolge-filtre button{border:1px solid var(--gri-200);background:#fff;border-radius:var(--r-p);
  padding:8px 16px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  color:var(--gri-700);transition:.16s}
.il-bolge-filtre button:hover{border-color:var(--bolge-renk,var(--gri-400));color:var(--bolge-renk,var(--gri-900))}
.il-bolge-filtre button.etkin{background:var(--bolge-renk,var(--lacivert));border-color:transparent;color:#fff}

.il-bolge{margin-bottom:26px}
.il-bolge[hidden]{display:none!important}
.il-bolge-bas{display:flex;align-items:baseline;gap:12px;margin-bottom:13px;
  padding-left:13px;border-left:5px solid var(--bolge-renk);border-radius:3px}
.il-bolge-bas h2{margin:0;font-size:18px}
.il-bolge-bas span{font-size:13px;color:var(--gri-500)}

.il-izgara{display:flex;flex-wrap:wrap;gap:11px}
.il-izgara > *{flex:1 1 210px;min-width:210px;max-width:100%}
.il-kart{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:12px 13px;transition:transform .16s,box-shadow .16s,border-color .16s}
.il-kart:hover{transform:translateY(-2px);box-shadow:var(--golge-2);border-color:var(--bolge-renk)}
.il-kart[hidden]{display:none!important}
.ik-plaka{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;
  background:color-mix(in srgb,var(--bolge-renk) 12%,#fff);color:var(--bolge-renk);
  font-weight:850;font-size:14px;font-variant-numeric:tabular-nums}
.ik-govde{min-width:0;flex:1}
.ik-ad{display:block;font-weight:750;font-size:15px;color:var(--gri-900);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ik-alt{display:block;font-size:12.2px;color:var(--gri-500);margin:1px 0 6px}
.ik-cubuk{display:block;height:4px;border-radius:3px;background:var(--gri-100);overflow:hidden}
.ik-cubuk i{display:block;height:100%;border-radius:3px;background:var(--bolge-renk)}
.ik-ok{flex:none;color:var(--gri-300);font-size:15px;transition:.16s}
.il-kart:hover .ik-ok{color:var(--bolge-renk);transform:translateX(3px)}
.il-bos{text-align:center;padding:36px;color:var(--gri-500);background:#fff;
  border:1px dashed var(--gri-300);border-radius:var(--r-m)}

@media (max-width:560px){
  .il-hero{padding:20px}
  .il-izgara{gap:8px}
  .il-izgara > *{flex-basis:calc(50% - 4px);min-width:calc(50% - 4px)}
  .il-kart{padding:10px;gap:9px}
  .ik-plaka{width:32px;height:32px;font-size:12.5px}
  .ik-ad{font-size:13.5px}
  .ik-ok{display:none}
}

/* ---------------- siralama menusu (aday sayfasi) ---------------- */
.sira-menu{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);
  gap:14px;margin-top:16px;align-items:start}
.sm-liste{display:grid;gap:5px;max-height:460px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}
.sm-tus{display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;grid-template-rows:auto auto;
  gap:3px 9px;align-items:center;width:100%;text-align:left;cursor:pointer;font:inherit;
  background:#fff;border:1px solid var(--gri-200);border-left:3px solid transparent;
  border-radius:10px;padding:9px 11px;transition:.15s}
.sm-tus:hover{background:var(--gri-100);border-color:var(--gri-300)}
.sm-tus.etkin{border-color:var(--gri-200);border-left-color:var(--parti-renk);
  background:#fff;box-shadow:0 3px 10px -4px rgba(16,24,40,.22)}
.sm-no{font-size:11px;font-weight:800;color:var(--gri-400);text-align:center;font-variant-numeric:tabular-nums}
.sm-tus.etkin .sm-no{color:var(--parti-renk)}
.sm-tus img{width:26px;height:26px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:6px;padding:1px}
.sm-renk{width:26px;height:26px;border-radius:6px;background:var(--parti-renk)}
.sm-renk.buyuk{width:38px;height:38px;border-radius:9px}
.sm-ad{font-weight:750;font-size:13.8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm-ad em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  color:var(--parti-renk);margin-left:5px}
.sm-oran{font-size:12.5px;font-weight:800;color:var(--gri-700);font-variant-numeric:tabular-nums}
.sm-cubuk{grid-column:2/-1;height:4px;border-radius:3px;background:var(--gri-100);overflow:hidden}
.sm-cubuk i{display:block;height:100%;border-radius:3px;background:var(--parti-renk)}

.sm-govde{min-width:0}
.sm-panel{display:none;border:1px solid var(--gri-200);border-left:4px solid var(--parti-renk);
  border-radius:var(--r-m);background:#fff;overflow:hidden}
.sm-panel.etkin{display:block;animation:smGir .25s ease}
@keyframes smGir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sm-bas{display:flex;align-items:center;gap:12px;padding:13px 15px;background:var(--gri-100);
  border-bottom:1px solid var(--gri-200)}
.sm-bas img{width:38px;height:38px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:9px;padding:2px;flex:none}
.sm-bas > div{flex:1;min-width:0}
.sm-bas a,.sm-bas span{display:block;font-weight:800;font-size:15px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.sm-bas a:hover{color:var(--kirmizi)}
.sm-bas small{display:block;font-size:12px;color:var(--gri-500);font-weight:400}
.sm-toplam{text-align:right;flex:none}
.sm-toplam b{display:block;font-size:17px;font-weight:850;font-variant-numeric:tabular-nums}
.sm-toplam small{font-size:11.5px;color:var(--gri-500)}

@media (max-width:760px){
  .sira-menu{grid-template-columns:minmax(0,1fr)}
  .sm-liste{grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;
    max-height:none;padding-bottom:6px}
  .sm-tus{min-width:180px}
}

/* ---------------- dogrulama kodu ---------------- */
.kod-alan .kod-satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kod-gorsel{width:132px;height:48px;border-radius:10px;border:1px solid var(--gri-300);
  background:var(--gri-100);flex:none;user-select:none;-webkit-user-select:none}
.kod-yenile{width:40px;height:40px;border:1px solid var(--gri-300);border-radius:10px;
  background:#fff;cursor:pointer;font-size:17px;color:var(--gri-500);flex:none;transition:.16s}
.kod-yenile:hover{border-color:var(--kirmizi);color:var(--kirmizi);transform:rotate(90deg)}
.kod-satir input{flex:1;min-width:150px;max-width:210px;height:48px;text-align:center;
  font-size:19px;font-weight:750;letter-spacing:.16em;text-transform:uppercase;
  font-variant-numeric:tabular-nums;
  border:1px solid var(--gri-300);border-radius:11px;background:#fff;padding:0 10px}
/* ---------------- yorum siralama ---------------- */
.yorum-arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.yorum-sirala{display:flex;gap:3px;background:var(--gri-100);border-radius:var(--r-p);padding:3px}
.yorum-sirala button{border:0;background:transparent;border-radius:var(--r-p);padding:6px 13px;
  font:inherit;font-size:12.8px;font-weight:700;color:var(--gri-500);cursor:pointer;transition:.15s}
.yorum-sirala button:hover{color:var(--gri-900)}
.yorum-sirala button.etkin{background:#fff;color:var(--kirmizi);box-shadow:var(--golge-1)}
.yorum-sayac{font-size:11.5px;font-weight:750;color:var(--mavi);background:rgba(21,112,239,.1);
  border-radius:5px;padding:1px 7px}


/* ---------------- yorum begeni ---------------- */
.yorum-islem{display:flex;align-items:center;gap:14px;margin-top:9px;flex-wrap:wrap}
.yorum-islem .yorum-cevapla{margin-top:0}
.yorum-oy{display:flex;gap:5px}
.yo-dugme{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--gri-200);
  background:#fff;border-radius:var(--r-p);padding:4px 11px;cursor:pointer;font:inherit;
  font-size:12.5px;color:var(--gri-500);transition:.15s}
.yo-dugme svg{width:14px;height:14px;fill:currentColor}
.yo-dugme b{font-weight:750;font-variant-numeric:tabular-nums}
.yo-dugme:hover{border-color:var(--gri-400);color:var(--gri-900)}
.yo-arti.etkin{background:rgba(18,183,106,.1);border-color:rgba(18,183,106,.4);color:#067647}
.yo-eksi.etkin{background:rgba(200,16,46,.08);border-color:rgba(200,16,46,.35);color:var(--kirmizi)}
.yo-dugme.calisiyor{opacity:.5;pointer-events:none}

/* ---------------- one cikarma sayfasi ---------------- */
.oc-hero{background:linear-gradient(135deg,#0b1b34,#12294a 50%,#2b1a4d);color:#fff;
  padding:44px 0 40px;position:relative;overflow:hidden}
.oc-hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;
  border-radius:50%;background:radial-gradient(circle,rgba(247,144,9,.35),transparent 68%)}
.oc-hero-ic{position:relative;z-index:1;text-align:center}
.oc-hero h1{color:#fff;margin:12px 0 10px;font-size:clamp(1.8rem,3.6vw,2.7rem)}
.oc-hero p{color:#c2d1e6;font-size:16.5px;max-width:58ch;margin:0 auto}
.oc-sayac{display:flex;gap:34px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.oc-sayac div{display:flex;flex-direction:column}
.oc-sayac b{font-size:26px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.oc-sayac span{font-size:12px;color:#93a9c8;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}

.oc-paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px;margin-bottom:34px}
.oc-paket{position:relative;background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:26px 22px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.oc-paket:hover{transform:translateY(-3px);box-shadow:var(--golge-2)}
.oc-paket.one{border-color:var(--paket-renk);box-shadow:0 0 0 2px var(--paket-renk) inset}
.oc-etiket{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--paket-renk);
  color:#fff;font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  border-radius:var(--r-p);padding:4px 14px;white-space:nowrap}
.oc-paket h3{font-size:17px;color:var(--paket-renk);margin-bottom:10px}
.oc-fiyat{display:flex;align-items:baseline;gap:4px}
.oc-fiyat b{font-size:38px;font-weight:850;letter-spacing:-.03em;line-height:1}
.oc-fiyat span{font-size:19px;font-weight:750;color:var(--gri-500)}
.oc-sure{font-size:13.5px;color:var(--gri-500);margin:5px 0 16px}
.oc-ozellik{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:9px;flex:1}
.oc-ozellik li{display:flex;gap:9px;font-size:14px;line-height:1.5;color:var(--gri-700)}
.oc-ozellik li::before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;
  background:color-mix(in srgb,var(--paket-renk) 14%,#fff);color:var(--paket-renk);
  font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:2px}
.oc-paket .dugme{width:100%;height:46px}

.oc-nasil{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:26px;margin-bottom:30px}
.oc-nasil h2{font-size:18px;margin-bottom:18px}
.oc-adim{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;counter-reset:oca}
.oc-adim li{display:flex;flex-direction:column;gap:3px;padding-top:38px;position:relative}
.oc-adim li::before{counter-increment:oca;content:counter(oca);position:absolute;top:0;left:0;
  width:28px;height:28px;border-radius:9px;background:var(--kirmizi);color:#fff;
  font-size:13px;font-weight:850;display:grid;place-items:center}
.oc-adim b{font-size:15px}
.oc-adim span{font-size:13.5px;color:var(--gri-500);line-height:1.5}

/* ---------------- alt bilgi: SEO baglantilari ---------------- */
.alt-seo{border-top:1px solid rgba(255,255,255,.08);padding:22px 0 6px}
.alt-seo-blok{margin-bottom:16px}
.alt-seo h5{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:#7f95b5;margin:0 0 9px}
.alt-seo a{display:inline-block;font-size:12.5px;color:#93a9c8;padding:3px 9px;margin:0 4px 5px 0;
  border:1px solid rgba(255,255,255,.09);border-radius:var(--r-p);transition:.15s}
.alt-seo a:hover{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06)}


/* ---------------- ekmek kirintisi ---------------- */
.iz-serit{background:linear-gradient(180deg,#fff,var(--gri-100));
  border-bottom:1px solid var(--gri-200);position:relative}
.iz-serit::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,var(--kirmizi),transparent 38%)}
.iz{display:flex;align-items:center;gap:2px;flex-wrap:wrap;list-style:none;
  margin:0;padding:11px 18px;font-size:13px}
.iz li{display:flex;align-items:center;gap:2px;min-width:0}
.iz a{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;
  color:var(--gri-500);font-weight:600;transition:.15s;white-space:nowrap}
.iz a:hover{background:#fff;color:var(--kirmizi);box-shadow:var(--golge-1)}
.iz span[aria-current]{padding:5px 11px;border-radius:8px;background:#fff;
  border:1px solid var(--gri-200);color:var(--gri-900);font-weight:750;
  max-width:min(46ch,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iz-ev{width:15px;height:15px;flex:none;color:var(--kirmizi)}
.iz-ok{width:13px;height:13px;flex:none;color:var(--gri-300);margin:0 1px}
@media (max-width:560px){
  .iz{padding:9px 14px;font-size:12.3px;flex-wrap:nowrap;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .iz::-webkit-scrollbar{display:none}
  .iz li{flex:none}
  .iz span[aria-current]{max-width:none}
}

/* ---------------- aday karti: odemeli rozet ---------------- */
.aday-kart.one-cikan{border-color:var(--rozet-renk);
  box-shadow:0 0 0 1px var(--rozet-renk) inset,0 6px 18px -10px color-mix(in srgb,var(--rozet-renk) 70%,transparent)}
.aday-kart.zirve{background:linear-gradient(160deg,color-mix(in srgb,var(--rozet-renk) 7%,#fff),#fff 46%)}
/* ROZET ARTIK KARTIN UZERINDE DEGIL, EN USTUNDE BIR SERIT.
   Eskiden position:absolute ile sag ust koseye konuyordu ve "Zirve Aday"
   gibi uzun rozet metinleri adayin ad-soyadinin uzerine biniyordu.
   Kart zaten dikey bir flex kutusu; rozet normal akista, tam genislikte
   ilk satir olarak duruyor. Metin ne kadar uzun olursa olsun hicbir seyi
   kapatamaz, uzunsa kendi icinde uc noktayla kisalir. */
.ak-rozet{display:flex;align-items:center;gap:5px;
  background:var(--rozet-renk);color:#fff;
  font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  padding:4px 12px;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aday-kart{position:relative}

/* ---------------- aday profili: yan panel ---------------- */
.pu-yan{display:grid;gap:11px;align-content:start}
.pu-paket{display:inline-flex;align-items:center;gap:5px;background:var(--rozet-renk);color:#fff;
  font-size:11.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  border-radius:var(--r-p);padding:5px 12px;box-shadow:0 3px 12px -3px color-mix(in srgb,var(--rozet-renk) 80%,transparent)}
.profil-sayfa.one-cikan .profil-ust::before{background:var(--rozet-renk);height:6px}
.profil-sayfa.zirve .profil-ust{background:linear-gradient(160deg,#160f02 0%,#2b1d04 42%,#12294a 100%)}

.pu-iletisim{display:flex;align-items:center;gap:12px;background:#fff;border-radius:var(--r-l);
  padding:14px 16px;color:var(--gri-900);transition:.16s}
.pu-iletisim:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.pi-ikon{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:rgba(18,183,106,.13);color:#067647;font-size:19px}
.pu-iletisim b{display:block;font-size:14.5px}
.pu-iletisim small{display:block;font-size:13px;color:var(--gri-500);font-variant-numeric:tabular-nums}

.pu-tanitim{display:block;background:linear-gradient(150deg,rgba(247,144,9,.18),rgba(255,255,255,.07));
  border:1px dashed rgba(247,144,9,.5);border-radius:var(--r-l);padding:16px;color:#fff;transition:.16s}
.pu-tanitim:hover{border-color:#f79009;background:linear-gradient(150deg,rgba(247,144,9,.28),rgba(255,255,255,.1))}
.pt-ust{display:inline-block;font-size:10.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
  color:#fdb022;margin-bottom:7px}
.pu-tanitim b{display:block;font-size:15.5px;margin-bottom:4px}
.pu-tanitim small{display:block;font-size:12.8px;color:#c2d1e6;line-height:1.5}
.pt-dugme{display:inline-block;margin-top:11px;font-size:13px;font-weight:750;color:#fdb022}

/* ---------------- secim sekmeleri ---------------- */
.ust-sag{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
.secim-sec{display:flex;gap:4px;padding:3px;background:rgba(255,255,255,.06);
  border-radius:var(--r-p);border:1px solid rgba(255,255,255,.12);height:44px;
  align-items:center;flex:none}
.secim-sec a{display:flex;align-items:center;gap:7px;height:36px;padding:0 15px;
  border-radius:var(--r-p);font-size:13.5px;font-weight:750;color:#b7c8e0;
  transition:.18s;white-space:nowrap;position:relative}
.secim-sec .ss-ikon{font-size:15px;line-height:1;opacity:.8;transition:.18s}
.secim-sec .ss-ad{display:flex;flex-direction:column;line-height:1.15}
.secim-sec .ss-ad small{font-size:10px;font-weight:650;opacity:.7;letter-spacing:.03em}
.secim-sec a:hover{color:#fff;background:rgba(255,255,255,.1)}
.secim-sec a:hover .ss-ikon{opacity:1;transform:scale(1.1)}
.secim-sec a.etkin{color:#fff;box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.secim-sec a.etkin .ss-ikon{opacity:1}
.secim-sec a[data-secim-tip="genel"].etkin{background:linear-gradient(135deg,#c8102e,#e11d48)}
.secim-sec a[data-secim-tip="yerel"].etkin{background:linear-gradient(135deg,#1570ef,#0891b2)}
.secim-sec a[data-secim-tip="cumhurbaskanligi"].etkin{background:linear-gradient(135deg,#7c3aed,#a855f7)}





/* ---------------- ana sayfa: sayi seridi ---------------- */
.sayi-serit{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;
  margin:-26px 0 4px;position:relative;z-index:0}
.ss-kutu{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:14px 16px;box-shadow:var(--golge-2);
  transition:transform .18s,box-shadow .18s}
.ss-kutu:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(16,24,40,.35)}
.ss-i{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-size:19px;background:color-mix(in srgb,var(--ss-renk) 12%,#fff)}
.ss-v{min-width:0;display:flex;flex-direction:column}
.ss-v b{font-size:21px;font-weight:850;letter-spacing:-.025em;line-height:1.1;
  font-variant-numeric:tabular-nums;color:var(--ss-renk)}
.ss-v small{font-size:11.8px;color:var(--gri-500);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
@media (max-width:640px){
  .sayi-serit{grid-template-columns:1fr 1fr;gap:8px;margin-top:-18px}
  .ss-kutu{padding:11px 12px;gap:9px}
  .ss-i{width:34px;height:34px;font-size:16px}
  .ss-v b{font-size:17px}
}

/* ---------------- ana sayfa: bolum basliklari ---------------- */
.bolum-bas h2{position:relative;padding-left:15px}
.bolum-bas h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;
  border-radius:3px;background:linear-gradient(180deg,var(--kirmizi),#e11d48)}
.vitrin-bolum .bolum-bas h2::before{background:linear-gradient(180deg,#f79009,#fdb022)}
.manset-bolum .bolum-bas h2::before{background:linear-gradient(180deg,var(--mavi),#0891b2)}
.bolum-bas .tumu{display:inline-flex;align-items:center;gap:5px;padding:7px 15px;border-radius:var(--r-p);
  background:var(--gri-100);font-size:13.2px;font-weight:750;color:var(--gri-700);transition:.16s}
.bolum-bas .tumu:hover{background:var(--kirmizi);color:#fff}

@media (max-width:560px){
  .bolum-bas h2{padding-left:11px}
  .bolum-bas h2::before{width:4px}
}


/* ---------------- odeme sayfasi ---------------- */
.odeme-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.odeme-ana{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);padding:26px}
.odeme-ana h1{font-size:1.6rem;margin-bottom:6px}
.odeme-cerceve{margin-top:18px;min-height:520px}
/* iyzico kendi formunu bu kaba basar */
.odeme-cerceve .responsive{width:100%}

.odeme-tamam{text-align:center;padding:22px 10px}
.ot-ikon{width:66px;height:66px;border-radius:50%;background:rgba(18,183,106,.12);color:#12b76a;
  font-size:32px;font-weight:800;display:grid;place-items:center;margin:0 auto 18px}
.odeme-tamam h1{margin-bottom:10px}
.odeme-tamam p{color:var(--gri-700);max-width:48ch;margin:0 auto 20px}
.ot-dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.ot-not{margin-top:20px;font-size:12.5px;color:var(--gri-400)}
.ot-not code{background:var(--gri-100);padding:2px 8px;border-radius:5px}

.odeme-havale h2{font-size:17px;margin:18px 0 8px}
.havale-bilgi{display:grid;gap:0;margin:16px 0 20px}
.havale-bilgi div{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--gri-100);font-size:14.5px}
.havale-bilgi dt{color:var(--gri-500);min-width:92px;flex:none;margin:0;font-weight:700}
.havale-bilgi dd{margin:0;min-width:0;word-break:break-all}
.havale-bilgi code{background:var(--gri-100);padding:3px 10px;border-radius:6px;font-size:14px;font-weight:750}
.hb-not{display:block;font-size:12px;color:var(--gri-400);margin-top:3px}

.odeme-ozet{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);padding:20px;
  position:sticky;top:58px}
.odeme-ozet h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--gri-500);
  margin-bottom:16px}
.oz-aday{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--gri-200)}
.oz-aday img,.oz-bas{width:52px;height:60px;border-radius:11px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.oz-bas{display:grid;place-items:center;font-size:19px;font-weight:800;color:var(--gri-400)}
.oz-aday b{display:block;font-size:15.5px}
.oz-aday small{display:block;font-size:12.3px;color:var(--gri-500)}
.oz-paket{margin:16px 0;padding:14px;border-radius:var(--r-m);
  background:color-mix(in srgb,var(--paket-renk) 8%,#fff);border:1px solid var(--paket-renk)}
.oz-rozet{display:inline-block;background:var(--paket-renk);color:#fff;font-size:10.5px;font-weight:850;
  letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-p);padding:3px 10px;margin-bottom:8px}
.oz-paket b{display:block;font-size:16px}
.oz-paket small{font-size:12.5px;color:var(--gri-500)}
.oz-ozellik{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px}
.oz-ozellik li{display:flex;gap:8px;font-size:13.3px;color:var(--gri-700);line-height:1.45}
.oz-ozellik li::before{content:"✓";color:#12b76a;font-weight:800;flex:none}
.oz-tutar{display:flex;align-items:baseline;justify-content:space-between;padding-top:14px;
  border-top:1px solid var(--gri-200)}
.oz-tutar span{font-size:14px;color:var(--gri-500)}
.oz-tutar b{font-size:24px;font-weight:850;letter-spacing:-.02em}
.oz-not{font-size:11.8px;color:var(--gri-400);margin:10px 0 0}

@media (max-width:900px){
  .odeme-duzen{grid-template-columns:1fr}
  .odeme-ozet{position:static;order:-1}
}

/* ---------------- one cikarma: secili aday kutusu ---------------- */
.oc-secili{display:flex;align-items:center;gap:14px;background:var(--gri-100);
  border:1px solid var(--gri-200);border-left:4px solid var(--parti-renk);
  border-radius:var(--r-m);padding:13px 15px;margin-bottom:22px}
.oc-secili img,.ocs-bas{width:48px;height:56px;border-radius:10px;object-fit:cover;flex:none;
  background:var(--gri-200)}
.ocs-bas{display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--gri-400)}
.ocs-bilgi{flex:1;min-width:0}
.ocs-etiket{display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  color:var(--gri-400)}
.ocs-bilgi b{display:block;font-size:16px;margin:2px 0 1px}
.ocs-bilgi small{font-size:12.5px;color:var(--gri-500)}
.ocs-degis{flex:none;font-size:12.5px;font-weight:750;color:var(--kirmizi)}
.ocs-degis:hover{text-decoration:underline}


/* ---------------- vitrin: one cikan adaylar ---------------- */
/* 60 aday: 6/5/4/3/2 sutun -> hepsinde tam bolunur (10/12/15/20/30 satir) */
.vitrin-izgara{display:flex;flex-wrap:wrap;gap:11px}
.vitrin-izgara > *{flex:1 1 calc(25% - 9px);min-width:calc(25% - 9px);max-width:100%}
@media (max-width:1180px){ .vitrin-izgara > *{flex-basis:calc(33.333% - 8px);min-width:calc(33.333% - 8px)} }




.vitrin-kart{position:relative;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--gri-200);border-radius:14px;overflow:hidden;isolation:isolate;
  transition:transform .22s cubic-bezier(.34,1.25,.64,1),box-shadow .22s,border-color .22s}
.vitrin-kart::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:5;
  background:var(--parti-renk);opacity:0;transition:opacity .22s}
.vitrin-kart:hover{transform:translateY(-5px);border-color:var(--parti-renk);
  box-shadow:0 18px 34px -18px color-mix(in srgb,var(--parti-renk) 60%,rgba(16,24,40,.5))}
.vitrin-kart:hover::before{opacity:1}
.vitrin-kart.one-cikan{border-color:var(--rozet-renk)}
.vitrin-kart.one-cikan::before{background:var(--rozet-renk);opacity:1}

/* gorsel */
.vk-ust{position:relative;display:block;aspect-ratio:1/1.2;background:var(--gri-100);overflow:hidden}
.vk-ust img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.vitrin-kart:hover .vk-ust img{transform:scale(1.07)}
.vk-bas{width:100%;height:100%;display:grid;place-items:center;font-size:38px;font-weight:800;
  color:rgba(255,255,255,.92);letter-spacing:.02em;
  background:linear-gradient(155deg,var(--parti-renk),color-mix(in srgb,var(--parti-renk) 45%,#0b1b34))}
.vk-perde{position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(5,11,22,.94) 0%,rgba(5,11,22,.6) 32%,rgba(5,11,22,.05) 60%,transparent 100%)}

.vk-kimlik{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:11px 11px 10px;
  display:flex;flex-direction:column;gap:1px}
.vk-ad{font-size:13.8px;font-weight:800;line-height:1.26;color:#fff;letter-spacing:-.012em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 1px 10px rgba(0,0,0,.55)}
.vk-yer{font-size:11px;color:#bccbe2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.vk-rozet{position:absolute;top:8px;left:8px;z-index:3;background:var(--rozet-renk);color:#fff;
  font-size:9.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  border-radius:var(--r-p);padding:3px 8px;box-shadow:0 3px 10px -3px rgba(0,0,0,.55)}
.vk-sira{position:absolute;top:8px;left:8px;z-index:3;min-width:23px;height:23px;padding:0 6px;
  border-radius:7px;background:rgba(5,11,22,.62);color:#fff;font-size:11.5px;font-weight:850;
  display:grid;place-items:center;backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}
.vk-sira.ilk{background:var(--parti-renk)}

/* alt bilgi */
.vk-alt{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px 8px}
.vk-parti{display:flex;align-items:center;gap:5px;min-width:0}
.vk-parti img{width:19px;height:19px;object-fit:contain;border-radius:5px;background:#fff;
  border:1px solid var(--gri-200);padding:1px;flex:none}
.vk-parti i{width:8px;height:8px;border-radius:3px;background:var(--parti-renk);display:block;flex:none}
.vk-parti b{font-size:10.5px;font-weight:850;color:var(--parti-renk);text-transform:uppercase;
  letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vk-sayi{text-align:right;flex:none;font-variant-numeric:tabular-nums;line-height:1.1}
.vk-sayi b{display:block;font-size:13.5px;font-weight:850;color:var(--gri-900)}
.vk-sayi small{font-size:10px;color:var(--gri-500);font-weight:750}

.vk-cubuk{display:block;height:3px;background:var(--gri-100)}
.vk-cubuk i{display:block;height:100%;width:0;background:var(--parti-renk);
  transition:width .85s cubic-bezier(.22,1,.36,1)}

/* daha fazla goster */
.vitrin-devam{display:flex;justify-content:center;margin-top:18px}
.vitrin-devam button{height:46px;padding:0 28px}
.vitrin-kart[hidden]{display:none!important}

@media (max-width:540px){
  .vk-ad{font-size:12.6px}
  .vk-kimlik{padding:9px 9px 8px}
  .vk-alt{padding:8px 9px 7px}
  .vk-sayi b{font-size:12.5px}
}


/* ---------------- secim rehberi ---------------- */
.rehber-hero{background:linear-gradient(135deg,#0b1b34,#12294a 55%,#1b3357);color:#fff;
  border-radius:var(--r-l);padding:32px 30px;margin-bottom:26px;position:relative;overflow:hidden}
.rehber-hero::after{content:"";position:absolute;right:-100px;top:-100px;width:340px;height:340px;
  border-radius:50%;background:radial-gradient(circle,rgba(21,112,239,.32),transparent 68%)}
.rehber-hero > *{position:relative;z-index:1}
.rehber-hero h1{color:#fff;margin:0 0 8px}
.rehber-hero p{color:#bccbe2;font-size:15.5px;max-width:62ch;margin:0 0 18px}
.rehber-ara input{width:min(420px,100%);height:48px;border-radius:var(--r-p);
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;
  padding:0 18px;font-size:15px}
.rehber-ara input::placeholder{color:#9db0cc}
.rehber-ara input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2)}

.rehber-grup{margin-bottom:28px}
.rehber-grup[hidden]{display:none!important}
.rehber-grup h2{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:14px;
  padding-left:13px;border-left:5px solid var(--kirmizi);border-radius:3px}
.rehber-grup h2 span{font-size:12px;font-weight:750;color:var(--gri-500);
  background:var(--gri-100);border-radius:var(--r-p);padding:2px 10px}
.rehber-izgara{display:flex;flex-wrap:wrap;gap:11px}
.rehber-izgara > *{flex:1 1 240px;min-width:240px;max-width:100%}
.rehber-kart{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:15px 16px;transition:.16s}
.rehber-kart:hover{border-color:var(--kirmizi);transform:translateY(-2px);box-shadow:var(--golge-2)}
.rehber-kart[hidden]{display:none!important}
.rehber-kart b{font-size:14.8px;font-weight:750;line-height:1.35;color:var(--gri-900)}
.rehber-kart:hover b{color:var(--kirmizi)}
.rehber-kart span{font-size:12.8px;color:var(--gri-500);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rehber-il{display:flex;flex-wrap:wrap;gap:8px}
.rehber-il > *{flex:1 1 168px;min-width:168px;max-width:100%}
.rehber-il .rehber-kart{padding:11px 13px}
.rehber-il .rehber-kart b{font-size:13.6px}
.rehber-bos{text-align:center;padding:36px;color:var(--gri-500);background:#fff;
  border:1px dashed var(--gri-300);border-radius:var(--r-m)}
@media (max-width:560px){
  .rehber-hero{padding:22px 18px}
  .rehber-izgara > *{flex:1 1 100%;min-width:0}
}


/* ---------------- vitrin: parti filtresi ---------------- */
/* ---------------- secim sayfasi paneli ---------------- */
.sp-bolum{padding:24px 0 8px}
.sp-ust{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;
  background:linear-gradient(135deg,#0b1b34,#12294a 58%,#1b3357);color:#fff;
  border-radius:var(--r-l);padding:30px 32px;position:relative;overflow:hidden}
.sp-ust::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--sp-renk)}
.sp-ust::after{content:"";position:absolute;right:-110px;top:-110px;width:380px;height:380px;
  border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sp-renk) 34%,transparent),transparent 68%)}
.sp-metin,.sp-sayilar{position:relative;z-index:1}
.sp-etiket{display:inline-block;font-size:12px;font-weight:850;letter-spacing:.07em;
  text-transform:uppercase;color:#fff;background:var(--sp-renk);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:12px}
.sp-ust h2{color:#fff;font-size:clamp(1.3rem,2.3vw,1.85rem);margin:0 0 9px;line-height:1.22}
.sp-ust p{color:#bccbe2;font-size:15px;line-height:1.6;margin:0 0 18px;max-width:52ch}
.sp-dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.sp-ikincil{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.sp-ikincil:hover{background:rgba(255,255,255,.13);border-color:#fff;color:#fff}

.sp-sayilar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-sayilar div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r-m);padding:13px 15px;backdrop-filter:blur(4px)}
.sp-sayilar b{display:block;font-size:22px;font-weight:850;letter-spacing:-.025em;line-height:1.1;
  font-variant-numeric:tabular-nums}
.sp-sayilar span{font-size:11.5px;color:#9db0cc;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;display:block}

.sp-iller{margin-top:16px}
.sp-iller h3{font-size:15px;margin-bottom:12px;color:var(--gri-700)}
.sp-il-izgara{display:flex;flex-wrap:wrap;gap:9px}
.sp-il-izgara > *{flex:1 1 180px;min-width:180px;max-width:100%}
.sp-il-izgara a{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;
  gap:1px 10px;align-items:center;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:11px 13px;transition:.16s}
.sp-il-izgara a:hover{border-color:var(--kirmizi);transform:translateY(-2px);box-shadow:var(--golge-2)}
.spi-no{grid-row:1/3;width:26px;height:26px;border-radius:8px;background:var(--gri-100);
  color:var(--gri-500);font-size:12px;font-weight:850;display:grid;place-items:center}
.sp-il-izgara a:first-child .spi-no{background:var(--kirmizi);color:#fff}
.spi-ad{font-weight:750;font-size:14.5px;color:var(--gri-900)}
.spi-oy{font-size:12px;color:var(--gri-500);font-variant-numeric:tabular-nums}
.spi-aday{display:none}

@media (max-width:900px){
  .sp-ust{grid-template-columns:1fr;padding:24px 20px;gap:20px}
  .sp-sayilar{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
}
@media (max-width:560px){
  .sp-sayilar b{font-size:18px}
  .sp-il-izgara{gap:8px}
  .sp-il-izgara > *{flex-basis:calc(50% - 4px);min-width:calc(50% - 4px)}
  .spi-ad{font-size:13px}
}


/* ---------------- uyelik ---------------- */
.uye-menu{display:flex;align-items:center;gap:6px;flex:none}
.um-giris,.um-kayit{height:36px;display:inline-flex;align-items:center;padding:0 15px;
  border-radius:var(--r-p);font-size:13.5px;font-weight:750;transition:.16s;white-space:nowrap}
.um-giris{color:#b7c8e0;border:1px solid rgba(255,255,255,.18)}
.um-giris:hover{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.08)}
.um-kayit{background:var(--kirmizi);color:#fff}
.um-kayit:hover{background:var(--kirmizi-2);color:#fff}
.um-kisi{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 4px;
  border-radius:var(--r-p);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  color:#e8edf6;font-size:13.5px;font-weight:700;transition:.16s}
.um-kisi:hover{background:rgba(255,255,255,.16);color:#fff}
.um-bas{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--kirmizi);color:#fff;font-size:12px;font-weight:800}
.um-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14ch}
.um-ikon{position:relative;width:36px;height:36px;display:grid;place-items:center;
  border-radius:var(--r-p);border:1px solid rgba(255,255,255,.14);font-size:15px;
  color:#b7c8e0;transition:.16s;flex:none}
.um-ikon:hover{background:rgba(255,255,255,.12);color:#fff}
.um-ikon i{position:absolute;top:-4px;right:-4px;font-style:normal;font-size:10px;font-weight:850;
  background:var(--kirmizi);color:#fff;border-radius:20px;padding:1px 5px;min-width:16px;
  text-align:center;border:2px solid var(--lacivert)}
.um-cikis{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-p);
  color:#8ea3c2;border:1px solid rgba(255,255,255,.14);font-size:15px;transition:.16s}
.um-cikis:hover{color:#fff;background:rgba(200,16,46,.28);border-color:rgba(200,16,46,.5)}
@media (max-width:900px){ .um-ad{display:none} .um-kisi{padding:0 4px} }

.uye-kutu{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;
  max-width:940px;margin:0 auto}
.uye-kart{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:30px 32px;box-shadow:var(--golge-1)}
.uye-bas-blok{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--gri-200)}
.uye-bas-blok h1{font-size:1.6rem;margin:0 0 5px}
.uye-bas-blok p{margin:0;color:var(--gri-500);font-size:14.5px}
.uye-kart .alan{margin-bottom:15px}
.uye-hatirla{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 18px;cursor:pointer}
.uye-gonder{width:100%;height:48px;font-size:15px}
.uye-alt{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:18px;
  padding-top:16px;border-top:1px solid var(--gri-200);font-size:14px;color:var(--gri-500)}
.uye-alt a{color:var(--kirmizi);font-weight:700}
.uye-alt a:hover{text-decoration:underline}
.uye-sozlesme{font-size:12.5px;color:var(--gri-500);text-align:center;margin:12px 0 0;line-height:1.55}
.uye-sozlesme a{color:var(--kirmizi)}

.uye-yan{background:linear-gradient(160deg,#0b1b34,#12294a);color:#fff;border-radius:var(--r-l);padding:24px}
.uye-yan h3{color:#fff;font-size:15px;margin-bottom:16px}
.uye-yan ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.uye-yan li{display:flex;flex-direction:column;gap:2px;padding-left:22px;position:relative}
.uye-yan li::before{content:"✓";position:absolute;left:0;top:1px;width:16px;height:16px;
  border-radius:50%;background:rgba(18,183,106,.22);color:#12b76a;font-size:10px;font-weight:800;
  display:grid;place-items:center}
.uye-yan b{font-size:14.5px}
.uye-yan span{font-size:13px;color:#a9bdd9;line-height:1.5}

.uye-ust{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-l);padding:20px 24px;margin-bottom:22px;flex-wrap:wrap}
.uye-foto{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;background:var(--gri-100)}
.uye-bas{display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#e11d48)}
.uye-bilgi{flex:1;min-width:180px}
.uye-bilgi h1{font-size:1.5rem;margin:0 0 3px}
.uye-bilgi p{margin:0;color:var(--gri-500);font-size:13.5px}
.uye-yorum{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.uye-yorum li{padding-bottom:12px;border-bottom:1px solid var(--gri-100)}
.uye-yorum li:last-child{border-bottom:0;padding-bottom:0}
.uye-yorum a{font-size:13.5px;font-weight:750;color:var(--kirmizi)}
.uye-yorum p{margin:4px 0 3px;font-size:13.3px;color:var(--gri-700);line-height:1.5}
.uye-yorum time{font-size:11.8px;color:var(--gri-400)}

@media (max-width:900px){ .uye-kutu{grid-template-columns:1fr} .uye-yan{order:-1} }
@media (max-width:560px){ .uye-kart{padding:22px 18px} }


/* ---------------- secim sayfasi kart destesi ---------------- */
.sk-bolum{padding:24px 0 6px}
/* Esnek satir: son satirdaki kartlar kalan alani paylasir,
   boylece kart sayisi ne olursa olsun sagda bosluk kalmaz. */
.sk-izgara{display:flex;flex-wrap:wrap;gap:12px}
.sk-izgara > *{flex:1 1 236px;min-width:236px;max-width:100%}
.sk-izgara > .sk-ana{flex:2 1 490px;min-width:min(490px,100%)}
.sk-kart{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--gri-200);
  border-radius:15px;padding:16px 17px;position:relative;overflow:hidden;
  transition:transform .2s cubic-bezier(.34,1.2,.64,1),box-shadow .2s,border-color .2s}
.sk-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sk-renk)}
.sk-kart::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;
  border-radius:50%;background:color-mix(in srgb,var(--sk-renk) 8%,transparent);
  transition:transform .3s}
.sk-kart:hover{transform:translateY(-4px);border-color:var(--sk-renk);
  box-shadow:0 16px 30px -16px color-mix(in srgb,var(--sk-renk) 65%,rgba(16,24,40,.4))}
.sk-kart:hover::after{transform:scale(1.35)}
.sk-ikon{width:46px;height:46px;border-radius:13px;flex:none;display:grid;place-items:center;
  font-size:22px;background:color-mix(in srgb,var(--sk-renk) 12%,#fff);position:relative;z-index:1;
  transition:transform .22s}
.sk-kart:hover .sk-ikon{transform:scale(1.1) rotate(-4deg)}
.sk-govde{min-width:0;flex:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:3px}
.sk-govde b{font-size:14.8px;font-weight:800;color:var(--gri-900);line-height:1.25}
.sk-govde small{font-size:12.5px;color:var(--gri-500);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-ok{flex:none;color:var(--sk-renk);font-weight:800;font-size:16px;opacity:0;
  transform:translateX(-6px);transition:.22s;position:relative;z-index:1}
.sk-kart:hover .sk-ok{opacity:1;transform:none}

/* Ilk kart genis ve renkli zeminli */
.sk-ana{grid-column:span 2;background:linear-gradient(135deg,
  color-mix(in srgb,var(--sk-renk) 92%,#000) 0%, var(--sk-renk) 100%);border-color:transparent}
.sk-ana::before{display:none}
.sk-ana .sk-ikon{background:rgba(255,255,255,.2)}
.sk-ana .sk-govde b{color:#fff;font-size:17px}
.sk-ana .sk-govde small{color:rgba(255,255,255,.85)}
.sk-ana .sk-ok{color:#fff;opacity:1;transform:none}
.sk-ana:hover{box-shadow:0 18px 34px -16px color-mix(in srgb,var(--sk-renk) 80%,transparent)}

@media (max-width:1000px){ .sk-izgara > *{flex-basis:220px;min-width:220px} }
@media (max-width:560px){
  .sk-izgara{gap:9px}
  .sk-izgara > *,.sk-izgara > .sk-ana{flex:1 1 100%;min-width:0}
  .sk-kart{padding:13px 14px;gap:11px}
  .sk-ikon{width:40px;height:40px;font-size:19px}
}

/* ---------------- uye dizini ---------------- */
.uyeler-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0b1b34,#12294a 55%,#2b1a4d);color:#fff;
  border-radius:var(--r-l);padding:30px 32px;margin-bottom:22px;position:relative;overflow:hidden}
.uyeler-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;
  border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 68%)}
.uyeler-hero > *{position:relative;z-index:1}
.uh-rozet{display:inline-block;font-size:11.5px;font-weight:850;letter-spacing:.07em;
  text-transform:uppercase;background:rgba(255,255,255,.16);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:11px}
.uyeler-hero h1{color:#fff;margin:0 0 8px}
.uyeler-hero p{color:#bccbe2;font-size:15px;margin:0;max-width:56ch}

.uyeler-izgara{display:flex;flex-wrap:wrap;gap:11px}
.uyeler-izgara > *{flex:1 1 158px;min-width:158px;max-width:100%}
.uyek{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);padding:18px 12px;
  transition:.18s}
.uyek:hover{border-color:var(--kirmizi);transform:translateY(-3px);box-shadow:var(--golge-2)}
.uyek img,.uyek-bas{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--gri-100);margin-bottom:5px}
.uyek-bas{display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#e11d48)}
.uyek b{font-size:14px;font-weight:750;color:var(--gri-900);line-height:1.3}
.uyek small{font-size:12px;color:var(--gri-500)}
.uyek-sayi{font-size:11.5px;font-weight:750;color:var(--kirmizi);background:rgba(200,16,46,.08);
  border-radius:var(--r-p);padding:2px 10px;margin-top:4px}

/* ---------------- herkese acik uye profili ---------------- */
.uyep-ust{background:linear-gradient(135deg,#0b1b34,#12294a 58%,#2b1a4d);color:#fff;
  padding:34px 0 30px;position:relative;overflow:hidden}
.uyep-ust::after{content:"";position:absolute;right:-120px;top:-120px;width:400px;height:400px;
  border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.3),transparent 68%)}
.uyep-ust-ic{position:relative;z-index:1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.uyep-foto{flex:none}
.uyep-foto img,.uyep-bas{width:120px;height:120px;border-radius:50%;object-fit:cover;
  border:4px solid rgba(255,255,255,.18);display:block}
.uyep-bas{display:grid;place-items:center;font-size:42px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.uyep-kimlik{flex:1;min-width:220px}
.uyep-rozet{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:850;
  letter-spacing:.07em;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:9px;
  box-shadow:0 3px 10px -3px rgba(124,58,237,.7)}
.uyep-ust h1{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 3px}
.uyep-kimlik > p{color:#9db0cc;margin:0 0 16px;font-size:14.5px}
.uyep-sayac{display:flex;gap:24px;flex-wrap:wrap}.uyep-sayac div{display:flex;flex-direction:column}
.uyep-sayac b{font-size:22px;font-weight:850;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.uyep-sayac span{font-size:11.5px;color:#93a9c8;text-transform:uppercase;letter-spacing:.05em}
.uyep-duzenle{flex:none}
.uyep-liste{display:grid;gap:0}
.uyep-yorum{align-items:flex-start}
.uyep-hedef-foto{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;background:var(--gri-100)}
.uyep-begeni{display:inline-block;margin-top:6px;font-size:12.5px;font-weight:700;color:#067647;
  background:rgba(18,183,106,.1);border-radius:var(--r-p);padding:2px 10px}
@media (max-width:640px){
  .uyep-ust-ic{flex-direction:column;text-align:center;gap:16px}
  .uyep-sayac{justify-content:center;gap:20px}
  .uyep-foto img,.uyep-bas{width:96px;height:96px}
}


/* ---------------- site ici sekme seridi (panel disi kullanim) ---------------- */
.p-sekme{display:flex;gap:5px;flex-wrap:wrap}
.p-sekme a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--r-p);
  border:1px solid var(--gri-200);background:#fff;font-size:13.5px;font-weight:750;
  color:var(--gri-700);transition:.16s}
.p-sekme a:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.p-sekme a.etkin{background:var(--kirmizi);border-color:transparent;color:#fff}
.uyep{display:block}


/* ---------------- secim donemi (yil) secici ---------------- */
.yil-sec{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 -6px}
.ys-etiket{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gri-400);margin-right:4px}
.yil-sec a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:var(--r-p);
  border:1px solid var(--gri-200);background:#fff;font-size:14px;font-weight:800;
  color:var(--gri-700);font-variant-numeric:tabular-nums;transition:.16s}
.yil-sec a:hover{border-color:var(--ys-renk);color:var(--ys-renk)}
.yil-sec a.etkin{background:var(--ys-renk);border-color:transparent;color:#fff;
  box-shadow:0 4px 12px -4px var(--ys-renk)}

/* ---------------- il ve ilce baskanlari ---------------- */
.bsk-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0b1b34,#12294a 55%,#1b3357);color:#fff;
  border-radius:var(--r-l);padding:30px 32px;margin-bottom:22px;position:relative;overflow:hidden}
.bsk-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;
  border-radius:50%;background:radial-gradient(circle,rgba(21,112,239,.32),transparent 68%)}
.bsk-hero > *{position:relative;z-index:1}
.bsk-rozet{display:inline-block;font-size:11.5px;font-weight:850;letter-spacing:.07em;
  text-transform:uppercase;background:rgba(255,255,255,.16);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:11px}
.bsk-hero h1{color:#fff;margin:0 0 8px}
.bsk-hero p{color:#bccbe2;font-size:15px;margin:0;max-width:56ch}
.bsk-il-sec select{height:48px;min-width:220px;border-radius:var(--r-p);
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);color:#fff;
  padding:0 16px;font:inherit;font-size:15px;cursor:pointer}
.bsk-il-sec select option{color:var(--gri-900)}

.bsk-grup{margin-bottom:26px}
.bsk-grup-bas{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding-left:13px;
  border-left:5px solid var(--parti-renk);border-radius:3px}
.bsk-grup-bas img{width:38px;height:38px;object-fit:contain;background:#fff;
  border:1px solid var(--gri-200);border-radius:9px;padding:2px}
.bsk-renk{width:38px;height:38px;border-radius:9px;background:var(--parti-renk)}
.bsk-grup-bas a{font-weight:800;font-size:16px;color:var(--gri-900)}
.bsk-grup-bas a:hover{color:var(--parti-renk)}
.bsk-grup-bas small{display:block;font-size:12.5px;color:var(--gri-500)}

.bsk-izgara{display:flex;flex-wrap:wrap;gap:10px}
.bsk-izgara > *{flex:1 1 238px;min-width:238px;max-width:100%}
.bsk-kart{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:12px 14px;transition:.16s}
.bsk-kart:hover{border-color:var(--parti-renk);transform:translateY(-2px);box-shadow:var(--golge-2)}
.bsk-kart img,.bsk-bas{width:52px;height:60px;border-radius:10px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.bsk-bas{display:grid;place-items:center;font-size:18px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--parti-renk),color-mix(in srgb,var(--parti-renk) 55%,#0b1b34))}
.bsk-bilgi{min-width:0;flex:1}
.bsk-bilgi b{display:block;font-size:14.5px;font-weight:750;line-height:1.3;color:var(--gri-900)}
.bsk-yer{display:block;font-size:12.3px;color:var(--gri-500);margin-top:2px}
.bsk-iletisim{display:inline-flex;gap:6px;margin-top:6px}
.bsk-iletisim a{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:var(--gri-100);color:var(--gri-500);font-size:13px;transition:.15s}
.bsk-iletisim a:hover{background:var(--parti-renk);color:#fff}

/* ---------------- uye paneli sayaclari ---------------- */
.uye-ust-islem{display:flex;gap:9px;flex-wrap:wrap}
.uye-sayaclar{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:22px}
.uys-kutu{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);padding:14px 16px;transition:.18s}
.uys-kutu:hover{transform:translateY(-2px);box-shadow:var(--golge-2);border-color:var(--uys-renk)}
.uys-ikon{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-size:19px;background:color-mix(in srgb,var(--uys-renk) 12%,#fff)}
.uys-veri{display:flex;flex-direction:column;min-width:0}
.uys-veri b{font-size:22px;font-weight:850;letter-spacing:-.025em;line-height:1.1;
  color:var(--uys-renk);font-variant-numeric:tabular-nums}
.uys-veri small{font-size:11.5px;color:var(--gri-500);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:760px){ .uye-sayaclar{grid-template-columns:1fr 1fr;gap:8px} }

.uye-oneri{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.uye-oneri li{display:flex;flex-direction:column;gap:3px;padding-bottom:10px;
  border-bottom:1px solid var(--gri-100)}
.uye-oneri li:last-child{border-bottom:0;padding-bottom:0}
.uye-oneri b{font-size:13.6px;font-weight:750;line-height:1.35}
.uye-oneri time{font-size:11.5px;color:var(--gri-400)}
.uyo-durum{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.04em;
  text-transform:uppercase;border-radius:6px;padding:2px 8px;
  background:var(--gri-100);color:var(--gri-500)}
.uyo-onayli,.uyo-yayinda{background:rgba(18,183,106,.12);color:#05603a}
.uyo-bekliyor{background:rgba(247,144,9,.14);color:#b54708}
.uyo-red,.uyo-reddedildi{background:rgba(200,16,46,.1);color:#912018}

/* ---------------- reklam alanlari ---------------- */
.reklam{margin:22px 0;text-align:center;position:relative;min-height:0}
.reklam-etiket{display:block;font-size:9.5px;font-weight:750;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gri-300);margin-bottom:5px}
.reklam ins{display:block;margin:0 auto}
.reklam-ust_banner{margin:0 auto;padding:12px 18px;max-width:1280px}
.reklam-mobil_yapiskan{position:fixed;left:0;right:0;bottom:0;z-index:80;margin:0;
  background:rgba(255,255,255,.97);border-top:1px solid var(--gri-200);padding:6px 0;
  backdrop-filter:blur(6px)}
.reklam-yan_ust,.reklam-yan_alt{margin:0 0 16px}
@media (min-width:761px){ .reklam-mobil{display:none!important} }
@media (max-width:760px){
  .reklam-masaustu{display:none!important}
  .reklam{margin:18px 0}
}


/* ---------------- iller sayfasi: canlandirma ---------------- */
.il-hero{background:linear-gradient(135deg,#0b1b34,#12294a 50%,#2b1a4d)}
.il-hero::after{background:radial-gradient(circle,rgba(21,112,239,.34),transparent 68%)}
.il-hero::before{content:"";position:absolute;left:-60px;bottom:-80px;width:240px;height:240px;
  border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.26),transparent 66%)}
.il-bolge-bas{align-items:center;gap:10px}
.il-bolge-bas h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;
  background:var(--bolge-renk);margin-right:8px;vertical-align:middle}
.il-bolge-filtre button{position:relative;overflow:hidden}
.il-bolge-filtre button::before{content:"";position:absolute;inset:0;opacity:0;
  background:var(--bolge-renk);transition:opacity .18s;z-index:-1}
.il-kart{position:relative;overflow:hidden}
.il-kart::after{content:"";position:absolute;right:-26px;top:-26px;width:82px;height:82px;
  border-radius:50%;background:color-mix(in srgb,var(--bolge-renk) 7%,transparent);
  transition:transform .28s}
.il-kart:hover::after{transform:scale(1.6)}
.il-kart > *{position:relative;z-index:1}
.ik-plaka{background:linear-gradient(140deg,var(--bolge-renk),
  color-mix(in srgb,var(--bolge-renk) 62%,#0b1b34));color:#fff;
  box-shadow:0 3px 9px -3px color-mix(in srgb,var(--bolge-renk) 70%,transparent)}
.ik-cubuk i{background:linear-gradient(90deg,var(--bolge-renk),
  color-mix(in srgb,var(--bolge-renk) 55%,#fff))}

/* ---------------- partiler sayfasi: canlandirma ---------------- */
.parti-kart{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.2,.64,1),
  box-shadow .2s,border-color .2s}
.parti-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--parti-renk),
    color-mix(in srgb,var(--parti-renk) 55%,#fff))}
.parti-kart::after{content:"";position:absolute;right:-38px;top:-38px;width:118px;height:118px;
  border-radius:50%;background:color-mix(in srgb,var(--parti-renk) 8%,transparent);
  transition:transform .3s}
.parti-kart:hover{transform:translateY(-4px);border-color:var(--parti-renk);
  box-shadow:0 16px 32px -16px color-mix(in srgb,var(--parti-renk) 60%,rgba(16,24,40,.42))}
.parti-kart:hover::after{transform:scale(1.5)}
.parti-kart > *{position:relative;z-index:1}
.parti-kart .pk-logo{transition:transform .25s}
.parti-kart:hover .pk-logo{transform:scale(1.08)}
.parti-sira-no{position:absolute;top:10px;right:12px;z-index:2;font-size:11px;font-weight:850;
  color:var(--gri-300);font-variant-numeric:tabular-nums}
.parti-kart:hover .parti-sira-no{color:var(--parti-renk)}
.parti-oran-cubuk{display:block;height:5px;border-radius:3px;background:var(--gri-100);
  overflow:hidden;margin-top:9px}
.parti-oran-cubuk i{display:block;height:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--parti-renk),
    color-mix(in srgb,var(--parti-renk) 55%,#fff));
  transition:width .8s cubic-bezier(.22,1,.36,1)}


/* ---------------- partiler sayfasi: hero + izgara ---------------- */
.parti-hero{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(135deg,#0b1b34,#12294a 52%,#2b1a4d);color:#fff;
  border-radius:var(--r-l);padding:30px 32px;margin-bottom:22px;position:relative;overflow:hidden}
.parti-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:330px;height:330px;
  border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.3),transparent 68%)}
.parti-hero > *{position:relative;z-index:1}
.ph-rozet{display:inline-block;font-size:11.5px;font-weight:850;letter-spacing:.07em;
  text-transform:uppercase;background:rgba(255,255,255,.16);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:11px}
.parti-hero h1{color:#fff;margin:0 0 8px}
.parti-hero p{color:#bccbe2;font-size:15px;margin:0}
.ph-lider{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  border-radius:var(--r-l);padding:16px 24px;min-width:150px}
.phl-etiket{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9db0cc}
.ph-lider img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:11px;padding:3px}
.ph-lider b{font-size:16px;font-weight:850}
.ph-lider small{font-size:19px;font-weight:850;color:#fff;letter-spacing:-.02em}

.parti-izgara{display:flex;flex-wrap:wrap;gap:12px}
.parti-izgara > *{flex:1 1 252px;min-width:252px;max-width:100%}
.parti-kart{display:flex;flex-direction:column;gap:9px;background:#fff;
  border:1px solid var(--gri-200);border-radius:15px;padding:16px 17px}
.pk-ust{display:flex;align-items:center;gap:11px;min-width:0}
.pk-logo{width:52px;height:52px;object-fit:contain;background:#fff;border:1px solid var(--gri-200);
  border-radius:13px;padding:4px;flex:none}
.pk-harf{display:grid;place-items:center;font-size:16px;font-weight:850;color:#fff;
  background:linear-gradient(140deg,var(--parti-renk),
    color-mix(in srgb,var(--parti-renk) 55%,#0b1b34));border-color:transparent}
.pk-kimlik{min-width:0;display:flex;flex-direction:column}
.pk-kimlik b{font-size:16px;font-weight:850;color:var(--parti-renk);line-height:1.2}
.pk-kimlik small{font-size:12px;color:var(--gri-500);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.pk-oran{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}
.pk-oran b{font-size:24px;font-weight:850;letter-spacing:-.03em;color:var(--gri-900);
  font-variant-numeric:tabular-nums}
.pk-oran small{font-size:12.5px;color:var(--gri-500);font-variant-numeric:tabular-nums}
.pk-alt{display:flex;justify-content:space-between;gap:8px;font-size:12.3px;color:var(--gri-500);
  padding-top:9px;border-top:1px solid var(--gri-100);margin-top:2px}
@media (max-width:560px){
  .parti-izgara{gap:9px}
  .parti-izgara > *{flex-basis:calc(50% - 4.5px);min-width:calc(50% - 4.5px)}
  .parti-kart{padding:12px 13px}
  .pk-logo{width:42px;height:42px}
  .pk-kimlik b{font-size:14px}
  .pk-oran b{font-size:19px}
  .pk-alt span:last-child{display:none}
}


/* ---------------- aday profili: asama ve yil rozetleri ---------------- */
.pu-asama{display:inline-flex;align-items:center;gap:5px;background:var(--asama-renk);color:#fff;
  font-size:11.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  border-radius:var(--r-p);padding:5px 12px;
  box-shadow:0 3px 12px -4px var(--asama-renk)}
.pu-yil{display:inline-flex;align-items:center;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.2);color:#e2eaf5;font-size:11.5px;font-weight:750;
  border-radius:var(--r-p);padding:5px 12px;font-variant-numeric:tabular-nums}
.pu-unvan{font-size:15px;color:#bccbe2;margin:2px 0 12px;font-weight:600}


/* ---------------- uye sekmeleri ---------------- */
.uye-sekme{display:flex;gap:5px;flex-wrap:wrap;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-p);padding:5px;margin-bottom:20px}
.uye-sekme a{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:var(--r-p);
  font-size:14px;font-weight:750;color:var(--gri-500);transition:.16s}
.uye-sekme a:hover{background:var(--gri-100);color:var(--gri-900)}
.uye-sekme a.etkin{background:var(--kirmizi);color:#fff}
.uye-sekme span{font-size:11.5px;font-weight:800;background:var(--gri-100);color:var(--gri-500);
  border-radius:20px;padding:1px 8px;min-width:19px;text-align:center}
.uye-sekme a.etkin span{background:rgba(255,255,255,.26);color:#fff}
.uye-sekme span.kirmizi{background:var(--kirmizi);color:#fff}
.uye-sekme a.etkin span.kirmizi{background:#fff;color:var(--kirmizi)}

/* ---------------- arkadas kartlari ---------------- */
.ark-izgara{display:flex;flex-wrap:wrap;gap:12px}
.ark-izgara > *{flex:1 1 190px;min-width:190px;max-width:100%}
.ark-kart{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);padding:18px 14px;
  transition:.18s}
.ark-kart:hover{border-color:var(--kirmizi);box-shadow:var(--golge-2);transform:translateY(-2px)}
.ark-kart.istek{border-color:var(--turuncu,#f79009);background:linear-gradient(180deg,rgba(247,144,9,.05),#fff)}
.ark-kart > a{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit}
.ark-kart img,.ark-bas{width:72px;height:72px;border-radius:50%;object-fit:cover;
  background:var(--gri-100);margin-bottom:6px}
.ark-bas{display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.ark-kart b{font-size:14.5px;font-weight:750;color:var(--gri-900);line-height:1.3}
.ark-kart small{font-size:12px;color:var(--gri-500)}
.ark-islem{display:flex;gap:6px;margin-top:11px;width:100%}
.ark-islem .dugme{flex:1;height:34px;font-size:12.5px;padding:0 10px}
.ark-islem form{flex:1;display:flex}
.ark-islem form .dugme{width:100%}

/* ---------------- bildirimler ---------------- */
.bldrm-liste{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--gri-200);
  border-radius:var(--r-m);overflow:hidden}
.bldrm-liste li{display:flex;align-items:flex-start;gap:13px;padding:15px 18px;
  border-bottom:1px solid var(--gri-100)}
.bldrm-liste li:last-child{border-bottom:0}
.bldrm-liste li.yeni{background:rgba(21,112,239,.04);border-left:3px solid var(--mavi)}
.bldrm-ikon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:var(--gri-100);font-size:17px;flex:none}
.bldrm-metin{flex:1;min-width:0;font-size:14.3px;line-height:1.5}
.bldrm-metin a{color:var(--gri-900);font-weight:650}
.bldrm-metin a:hover{color:var(--kirmizi)}
.bldrm-metin time{display:block;font-size:11.8px;color:var(--gri-400);margin-top:3px}

/* ---------------- mesajlasma ---------------- */
.msj-duzen{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);overflow:hidden;
  height:min(72vh,640px)}
.msj-liste{border-right:1px solid var(--gri-200);display:flex;flex-direction:column;min-width:0;min-height:0}
.msj-liste-bas{display:flex;align-items:center;gap:10px;padding:16px 18px;
  border-bottom:1px solid var(--gri-200)}
.msj-liste-bas h1{font-size:18px;margin:0}
.msj-rozet{font-size:11.5px;font-weight:800;background:var(--kirmizi);color:#fff;
  border-radius:20px;padding:2px 9px}
.msj-kisiler{flex:1;overflow-y:auto}
.msj-kisi{display:flex;align-items:center;gap:11px;padding:12px 16px;
  border-bottom:1px solid var(--gri-100);transition:.14s}
.msj-kisi:hover{background:var(--gri-100)}
.msj-kisi.etkin{background:rgba(200,16,46,.06);border-left:3px solid var(--kirmizi);
  padding-left:13px}
.msj-kisi img,.msj-bas{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--gri-100)}
.msj-bas{display:grid;place-items:center;font-size:16px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.msj-kisi-metin{flex:1;min-width:0;display:flex;flex-direction:column}
.msj-kisi-metin b{font-size:14.2px;font-weight:750;color:var(--gri-900)}
.msj-kisi-metin small{font-size:12.3px;color:var(--gri-500);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.msj-kisi-sag{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.msj-kisi-sag time{font-size:11px;color:var(--gri-400);white-space:nowrap}
.msj-kisi-sag i{font-style:normal;font-size:10.5px;font-weight:800;background:var(--kirmizi);
  color:#fff;border-radius:20px;padding:1px 7px;min-width:18px;text-align:center}
.msj-bos{padding:32px 20px;text-align:center;color:var(--gri-500);font-size:14px;line-height:1.7}

.msj-sohbet{display:flex;flex-direction:column;min-width:0;min-height:0}
.msj-secilmedi{flex:1;display:grid;place-items:center;text-align:center;color:var(--gri-400)}
.msj-secilmedi span{font-size:44px;display:block;margin-bottom:12px;opacity:.5}
.msj-secilmedi p{font-size:14.5px;line-height:1.7;margin:0}
.msj-sohbet-bas{flex:none;display:flex;align-items:center;gap:12px;padding:12px 18px;
  border-bottom:1px solid var(--gri-200);background:var(--gri-100)}
.msj-geri{display:none;font-size:20px;color:var(--gri-500);padding:0 6px}
.msj-kisi-bilgi{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:inherit}
.msj-kisi-bilgi img,.msj-kisi-bilgi .msj-bas{width:40px;height:40px}
.msj-kisi-bilgi b{display:block;font-size:15px;font-weight:750}
.msj-kisi-bilgi small{font-size:12.3px;color:var(--gri-500)}
.msj-sil button{border:0;background:transparent;color:var(--gri-400);cursor:pointer;
  font:inherit;font-size:12.5px;padding:6px 10px;border-radius:7px}
.msj-sil button:hover{background:rgba(200,16,46,.1);color:var(--kirmizi)}

.msj-akis{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px;
  background:linear-gradient(180deg,var(--gri-100),#fff)}
.msj-ilk{text-align:center;color:var(--gri-400);font-size:13.5px;margin:auto}
.msj-gun{text-align:center;margin:8px 0}
.msj-gun span{font-size:11.5px;font-weight:700;color:var(--gri-500);background:#fff;
  border:1px solid var(--gri-200);border-radius:20px;padding:3px 13px}
.msj-balon{max-width:min(74%,460px);align-self:flex-start;background:#fff;
  border:1px solid var(--gri-200);border-radius:15px 15px 15px 4px;padding:10px 14px 7px}
.msj-balon.benim{align-self:flex-end;background:linear-gradient(135deg,var(--kirmizi),#e11d48);
  border-color:transparent;border-radius:15px 15px 4px 15px}
.msj-balon p{margin:0;font-size:14.4px;line-height:1.55;color:var(--gri-900);word-break:break-word}
.msj-balon.benim p{color:#fff}
.msj-balon time{display:block;text-align:right;font-size:10.8px;color:var(--gri-400);margin-top:4px}
.msj-balon.benim time{color:rgba(255,255,255,.75)}
.msj-balon time i{font-style:normal;margin-left:3px;opacity:.6}
.msj-balon time i.okundu{opacity:1;color:#7fd4ff}

.msj-yaz{flex:none;display:flex;align-items:flex-end;gap:9px;padding:13px 16px;
  border-top:1px solid var(--gri-200);background:#fff}
.msj-yaz textarea{flex:1;min-height:44px;max-height:140px;resize:none;padding:12px 15px;
  border:1px solid var(--gri-300);border-radius:22px;font:inherit;font-size:14.5px;line-height:1.45}
.msj-yaz textarea:focus{outline:none;border-color:var(--kirmizi);
  box-shadow:0 0 0 3px rgba(200,16,46,.1)}
.msj-yaz button{width:44px;height:44px;border-radius:50%;padding:0;flex:none;font-size:16px}
.msj-kapali{padding:16px 18px;text-align:center;font-size:13.8px;color:var(--gri-500);
  background:var(--gri-100);border-top:1px solid var(--gri-200)}

@media (max-width:760px){
  .msj-duzen{grid-template-columns:1fr;height:min(78vh,640px)}
  .msj-duzen .msj-sohbet{display:none}
  .msj-duzen.sohbet-acik .msj-liste{display:none}
  .msj-duzen.sohbet-acik .msj-sohbet{display:flex}
  .msj-geri{display:block}
  .msj-balon{max-width:86%}
}


/* ---------------- uye profili: kapak ve sosyal ---------------- */
.uyep-ust.kapakli{background-image:linear-gradient(rgba(11,27,52,.82),rgba(18,41,74,.88)),var(--kapak);
  background-size:cover;background-position:center}
.uyep-hakkinda{color:#c7d5e8;font-size:14.5px;line-height:1.6;margin:8px 0 14px;max-width:60ch}
.uyep-islem{flex:none;display:flex;flex-direction:column;gap:8px}
.uyep-form{display:flex;gap:8px;flex-wrap:wrap}
.uyep-ikincil{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.uyep-ikincil:hover{background:rgba(255,255,255,.24);border-color:#fff;color:#fff}
.uyep-engel{display:inline-flex;align-items:center;padding:0 16px;height:44px;
  background:rgba(200,16,46,.18);border:1px solid rgba(200,16,46,.4);border-radius:var(--r-p);
  font-size:13.5px;font-weight:700;color:#ffc9d1}

.uyep-ark{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.uyep-ark a{display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit;text-align:center}
.uyep-ark img,.uyep-ark span{width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;
  background:var(--gri-100)}
.uyep-ark span{display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.uyep-ark small{font-size:11px;color:var(--gri-500);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;width:100%}
.uyep-ark a:hover small{color:var(--kirmizi)}
@media (max-width:640px){
  .uyep-islem{width:100%}
  .uyep-form{width:100%}
  .uyep-form .dugme{flex:1}
}


/* ---------------- uye paneli: katki kartlari ---------------- */
.uye-katki{display:block}
.uye-katki-not{font-size:12.8px;color:var(--gri-500);line-height:1.55;margin:0 0 14px}
.uye-katki-kart{display:flex;align-items:center;gap:11px;background:#fff;
  border:1px solid var(--gri-200);border-left:3px solid var(--kk-renk);border-radius:var(--r-m);
  padding:12px 13px;margin-bottom:9px;transition:.16s}
.uye-katki-kart:last-child{margin-bottom:0}
.uye-katki-kart:hover{border-color:var(--kk-renk);transform:translateY(-2px);box-shadow:var(--golge-2)}
.ukk-ikon{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-size:17px;background:color-mix(in srgb,var(--kk-renk) 12%,#fff)}
.ukk-metin{flex:1;min-width:0;display:flex;flex-direction:column}
.ukk-metin b{font-size:14px;font-weight:750;color:var(--gri-900)}
.ukk-metin small{font-size:12.2px;color:var(--gri-500);line-height:1.4}
.ukk-ok{flex:none;color:var(--kk-renk);font-weight:800;transition:transform .16s}
.uye-katki-kart:hover .ukk-ok{transform:translateX(4px)}


/* ---------------- aday secici (otomatik tamamlama) ---------------- */
.alan-yardim{display:block;font-size:12.3px;color:var(--gri-500);margin-top:5px;line-height:1.5}
.aday-sec{position:relative}
.aday-sec-liste{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:9999;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);
  box-shadow:var(--golge-3);max-height:308px;overflow-y:auto;padding:5px}
.aday-sec-oge{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;
  border:0;border-radius:9px;background:transparent;cursor:pointer;text-align:left;
  font:inherit;transition:background .12s}
.aday-sec-oge:hover,.aday-sec-oge.etkin{background:var(--gri-100)}
.aday-sec-oge img,.aday-sec-oge .as-bas{width:38px;height:44px;border-radius:8px;object-fit:cover;
  flex:none;background:var(--gri-100)}
.aday-sec-oge .as-bas{display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.aday-sec-oge span{min-width:0;display:flex;flex-direction:column}
.aday-sec-oge b{font-size:14.2px;font-weight:700;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.aday-sec-oge small{font-size:12.2px;color:var(--gri-500);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.aday-sec-bos{padding:14px 12px;font-size:13.5px;color:var(--gri-500);text-align:center}
.aday-sec-secili[hidden]{display:none}
.aday-sec-secili{display:flex;align-items:center;gap:11px;margin-top:9px;padding:10px 12px;
  background:rgba(18,183,106,.07);border:1px solid rgba(18,183,106,.3);border-radius:var(--r-m)}
.aday-sec-secili img{width:40px;height:46px;border-radius:8px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.aday-sec-secili span{flex:1;min-width:0;display:flex;flex-direction:column}
.aday-sec-secili b{font-size:14.3px;font-weight:750;color:var(--gri-900)}
.aday-sec-secili small{font-size:12.3px;color:var(--gri-500)}
.aday-sec-secili button{width:30px;height:30px;border-radius:8px;border:0;flex:none;cursor:pointer;
  background:rgba(200,16,46,.1);color:var(--kirmizi);font-size:13px;font-weight:800}
.aday-sec-secili button:hover{background:var(--kirmizi);color:#fff}


/* ---------------- one cikarma: giris yapmis uye karti ---------------- */
.oc-uye{display:block}
.oc-uye-bas{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;
  color:var(--gri-700);margin:0 0 10px}
.oc-uye-bas::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--yesil,#12b76a)}
.oc-aday-bas::before{background:var(--kirmizi)}
.oc-aday-kart{background:rgba(200,16,46,.05);border-color:rgba(200,16,46,.28)}
.oc-aday-foto{width:44px;height:52px;border-radius:9px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.oc-uye-kart{display:flex;align-items:center;gap:13px;padding:14px 16px;
  background:rgba(18,183,106,.07);border:1px solid rgba(18,183,106,.3);
  border-radius:var(--r-m);flex-wrap:wrap}
.oc-uye-ikon{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--yesil,#12b76a);color:#fff;font-size:15px;font-weight:800}
.oc-uye-metin{flex:1;min-width:0;display:flex;flex-direction:column}
.oc-uye-metin b{font-size:14.8px;font-weight:750;color:var(--gri-900)}
.oc-uye-metin small{font-size:12.8px;color:var(--gri-500)}
.oc-uye-degistir{font-size:12.8px;font-weight:700;color:var(--gri-500);flex:none}
.oc-uye-degistir:hover{color:var(--kirmizi)}


/* ---------------- parti seridi (kullanici kaydirir) ---------------- */
.parti-serit{margin:22px 0 6px}
.ps-bas{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:12px}
.ps-bas h2{font-size:clamp(1.05rem,2.2vw,1.3rem);margin:0}
.ps-bas a{font-size:13.5px;font-weight:750;color:var(--gri-500);white-space:nowrap}
.ps-bas a:hover{color:var(--kirmizi)}

.ps-sar{position:relative;z-index:0;display:flex;align-items:center;gap:8px}
.ps-kaydir{flex:1;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;padding:4px 2px;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-x:contain;overscroll-behavior-y:auto;
  touch-action:pan-x pan-y;
  cursor:grab;-webkit-overflow-scrolling:touch}
.ps-kaydir:active{cursor:grabbing}
/* Kaydirma cubugu gizli; ok dugmeleri ve surukleme ile geziliyor */
.ps-kaydir::-webkit-scrollbar{display:none;width:0;height:0}
.ps-kaydir:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px;border-radius:12px}
.ps-ray{display:flex;gap:11px;width:max-content}

.ps-ok{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--gri-200);
  background:#fff;color:var(--gri-500);font-size:19px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.16s;box-shadow:var(--golge-1)}
.ps-ok:hover{background:var(--kirmizi);border-color:transparent;color:#fff}
.ps-ok[disabled]{opacity:.3;cursor:default}
.ps-ok[disabled]:hover{background:#fff;color:var(--gri-500);border-color:var(--gri-200)}
.ps-sol{order:-1}
.ps-sag{order:1}

.ps-oge{display:flex;align-items:center;gap:10px;flex:none;width:186px;scroll-snap-align:start;
  background:#fff;border:1px solid var(--gri-200);border-left:3px solid var(--parti-renk);
  border-radius:13px;padding:11px 13px;position:relative;z-index:0;transition:.18s}
.ps-oge:hover{transform:translateY(-3px);border-color:var(--parti-renk);box-shadow:var(--golge-2)}
.ps-oge img,.ps-harf{width:40px;height:40px;object-fit:contain;flex:none;border-radius:10px;
  background:#fff;border:1px solid var(--gri-100);padding:3px}
.ps-harf{display:grid;place-items:center;font-size:14px;font-weight:850;color:#fff;
  background:linear-gradient(140deg,var(--parti-renk),
    color-mix(in srgb,var(--parti-renk) 55%,#0b1b34));border-color:transparent;padding:0}
.ps-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ps-bilgi b{font-size:14px;font-weight:800;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.ps-bilgi i{font-style:normal;font-size:15px;font-weight:850;color:var(--parti-renk);
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
/* ISIM CAKISMASI DUZELTMESI
   Bu kural once sadece ".ps-cubuk" idi. Ayni sinif adi yukarida
   parti sirasi listesinde de (.parti-sira-liste) kullaniliyor ve bu
   tanim dosyada daha sonra geldigi icin onu eziyordu. Liste icindeki
   cubuk "position:absolute" oluyor, konumlanacagi bir ust oge
   bulamayinca sayfada baska bir partinin uzerine tasiyordu.
   Cozum: kural yalnizca serit kartina (.ps-oge) baglandi. */
.ps-oge .ps-cubuk{position:absolute;left:3px;right:0;bottom:0;height:3px;
  background:var(--gri-100);border-radius:0 0 13px 13px;overflow:hidden;min-width:0}
.ps-oge .ps-cubuk i{display:block;height:100%;width:auto;background:var(--parti-renk)}
@media (max-width:560px){
  .ps-ok{display:none}
  .ps-oge{width:164px}
}

/* ---------------- kademe kartlari ---------------- */
.kademe-bolum{padding:26px 0 6px}
.kademe-izgara{display:flex;flex-wrap:wrap;gap:11px}
.kademe-izgara > *{flex:1 1 232px;min-width:232px;max-width:100%}
.kademe-kart{display:flex;align-items:center;gap:12px;background:#fff;
  border:1px solid var(--gri-200);border-radius:14px;padding:14px 15px;
  position:relative;z-index:0;overflow:hidden;transition:.18s}
.kademe-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--kd-renk)}
.kademe-kart:hover{transform:translateY(-3px);border-color:var(--kd-renk);
  box-shadow:0 12px 26px -14px color-mix(in srgb,var(--kd-renk) 60%,rgba(16,24,40,.4))}
.kd-ikon{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-size:19px;background:color-mix(in srgb,var(--kd-renk) 11%,#fff)}
.kd-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kd-metin b{font-size:14.2px;font-weight:750;color:var(--gri-900);line-height:1.3}
.kd-metin small{font-size:12.2px;color:var(--gri-500);line-height:1.4}
.kd-ok{flex:none;color:var(--kd-renk);font-weight:800;opacity:0;transform:translateX(-5px);
  transition:.18s}
.kademe-kart:hover .kd-ok{opacity:1;transform:none}
@media (max-width:560px){
  .kademe-izgara{gap:8px}
  .kademe-izgara > *{flex:1 1 100%;min-width:0}
}


/* ---------------- cumhurbaskanligi sayfasi ---------------- */
.cb-hero{background:linear-gradient(135deg,#0b1b34,#2b1a4d 55%,#3b0f2e);color:#fff;
  padding:38px 0 34px;position:relative;overflow:hidden;margin-bottom:6px}
.cb-hero::after{content:"";position:absolute;right:-110px;top:-110px;width:400px;height:400px;
  border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.34),transparent 68%)}
.cb-hero .kap{position:relative;z-index:1}
.cb-rozet{display:inline-block;font-size:11.5px;font-weight:850;letter-spacing:.07em;
  text-transform:uppercase;background:rgba(255,255,255,.16);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:12px}
.cb-hero h1{color:#fff;margin:0 0 10px}
.cb-hero p{color:#c2d0e4;font-size:15.5px;line-height:1.65;margin:0;max-width:66ch}
.cb-hero strong{color:#fff}
.cb-sayac{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}
.cb-sayac div{display:flex;flex-direction:column}
.cb-sayac b{font-size:24px;font-weight:850;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cb-sayac span{font-size:11.5px;color:#93a9c8;text-transform:uppercase;letter-spacing:.05em}

.cb-izgara{display:flex;flex-wrap:wrap;gap:12px}
.cb-izgara > *{flex:1 1 268px;min-width:268px;max-width:100%}
.cb-kart{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--gri-200);
  border-radius:15px;padding:15px;position:relative;overflow:hidden;transition:.2s}
.cb-kart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cb-renk)}
.cb-kart:hover{transform:translateY(-3px);border-color:var(--cb-renk);
  box-shadow:0 14px 30px -16px color-mix(in srgb,var(--cb-renk) 62%,rgba(16,24,40,.4))}
.cb-onde{background:linear-gradient(180deg,color-mix(in srgb,var(--cb-renk) 6%,#fff),#fff)}
.cb-sira{position:absolute;top:9px;right:12px;font-size:12px;font-weight:850;color:var(--gri-300);
  font-variant-numeric:tabular-nums}
.cb-onde .cb-sira{color:var(--cb-renk)}
.cb-kart img,.cb-bas{width:76px;height:90px;border-radius:11px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.cb-bas{display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--cb-renk),color-mix(in srgb,var(--cb-renk) 52%,#0b1b34))}
.cb-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cb-bilgi > b{font-size:15.5px;font-weight:800;color:var(--gri-900);line-height:1.25}
.cb-parti{font-size:12.5px;font-weight:700;color:var(--cb-renk)}
.cb-oran{display:flex;align-items:baseline;gap:8px;margin-top:5px}
.cb-oran b{font-size:20px;font-weight:850;letter-spacing:-.03em;color:var(--gri-900);
  font-variant-numeric:tabular-nums}
.cb-oran i{font-style:normal;font-size:12px;color:var(--gri-500)}
.cb-cubuk{display:block;height:5px;border-radius:3px;background:var(--gri-100);overflow:hidden;
  margin-top:5px}
.cb-cubuk i{display:block;height:100%;border-radius:3px;
  background:linear-gradient(90deg,var(--cb-renk),color-mix(in srgb,var(--cb-renk) 55%,#fff))}

/* ---------------- yan sutun tasma onlemi ----------------
   Not: burada "overflow:hidden" KULLANILMAZ. Tasmayi min-width:0 ve
   overflow-wrap cozer; overflow:hidden icerigi kirpip kutulari
   gorunmez hale getirebiliyor. */
.yan{min-width:0}
.yan-kutu{min-width:0}
.yan-kutu h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}
.yan-liste{min-width:0}
.yan-liste li{min-width:0}
.yan-liste a{min-width:0;overflow-wrap:anywhere}
.yardim-kutu{min-width:0}
.yardim-liste span{flex:1;min-width:0;overflow-wrap:anywhere}
.yardim-liste li > span:first-child:not(.yardim-no){flex:1}
.yardim-liste b{display:block;margin-bottom:2px;color:var(--gri-900)}
.yardim-no{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  font-size:11.5px;font-weight:800;background:var(--kirmizi);color:#fff;margin-top:1px}
@media (max-width:560px){
  .cb-izgara > *{flex:1 1 100%;min-width:0}
  .cb-sayac{gap:20px}
}


/* ---------------- yan sutun: one cikan adaylar ---------------- */
.yk-aday{padding:0;overflow:hidden;border:0;
  background:linear-gradient(160deg,#0b1b34,#12294a 60%,#1b3357)}
.yk-aday h3{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;
  padding:15px 16px 12px;margin:0;border-bottom:1px solid rgba(255,255,255,.09)}
.pop-liste{list-style:none;margin:0;padding:6px}
.pop-oge{margin:0}
.pop-oge a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;
  transition:background .15s}
.pop-oge a:hover{background:rgba(255,255,255,.08)}
.pop-sira{flex:none;width:19px;font-size:12px;font-weight:850;color:#5d7ba0;text-align:center;
  font-variant-numeric:tabular-nums}
.pop-oge:nth-child(1) .pop-sira{color:#fbbf24}
.pop-oge:nth-child(2) .pop-sira{color:#cbd5e1}
.pop-oge:nth-child(3) .pop-sira{color:#d99a6c}
.pop-foto{width:38px;height:44px;border-radius:9px;object-fit:cover;flex:none;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.pop-bas{display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--pop-renk),
    color-mix(in srgb,var(--pop-renk) 50%,#0b1b34));border-color:transparent}
.pop-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pop-bilgi b{font-size:13.4px;font-weight:750;color:#fff;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.pop-bilgi small{font-size:11.5px;color:#9db0cc;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.pop-cubuk{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.12);
  overflow:hidden;margin-top:3px}
.pop-cubuk i{display:block;height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--pop-renk),color-mix(in srgb,var(--pop-renk) 50%,#fff))}
.pop-oy{flex:none;font-size:13px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;
  background:rgba(255,255,255,.1);border-radius:20px;padding:3px 9px}


/* ---------------- begeni ve paylas ---------------- */
.bgn-satir{display:flex;align-items:center;gap:10px;margin:22px 0 6px;flex-wrap:wrap}
.bgn-dugme{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;
  border:1px solid var(--gri-200);border-radius:var(--r-p);background:#fff;cursor:pointer;
  font:inherit;font-size:14.5px;font-weight:750;color:var(--gri-700);transition:.18s;
  position:relative;overflow:hidden}
.bgn-dugme:hover{border-color:var(--kirmizi);color:var(--kirmizi);transform:translateY(-1px)}
.bgn-ikon{font-size:17px;line-height:1;transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
.bgn-dugme:hover .bgn-ikon{transform:scale(1.18)}
.bgn-metin{white-space:nowrap}
.bgn-sayi{font-size:13px;font-weight:800;background:var(--gri-100);color:var(--gri-600);
  border-radius:20px;padding:2px 10px;font-variant-numeric:tabular-nums;min-width:30px;
  text-align:center;transition:.18s}
.bgn-dugme.etkin{background:linear-gradient(135deg,var(--kirmizi),#e11d48);border-color:transparent;
  color:#fff;box-shadow:0 4px 14px -4px rgba(200,16,46,.65)}
.bgn-dugme.etkin .bgn-sayi{background:rgba(255,255,255,.24);color:#fff}
.bgn-dugme.etkin .bgn-ikon{animation:bgn-vur .45s cubic-bezier(.34,1.5,.64,1)}
@keyframes bgn-vur{0%{transform:scale(1)}45%{transform:scale(1.42)}100%{transform:scale(1)}}
.bgn-dugme[disabled]{opacity:.6;cursor:default}
.bgn-paylas{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;
  border:1px solid var(--gri-200);border-radius:var(--r-p);background:#fff;cursor:pointer;
  font:inherit;font-size:14px;font-weight:700;color:var(--gri-500);transition:.16s}
.bgn-paylas:hover{border-color:var(--mavi);color:var(--mavi)}
.bgn-uyari{flex-basis:100%;font-size:13px;color:var(--kirmizi);font-weight:650;margin-top:4px}
@media (prefers-reduced-motion:reduce){
  .bgn-dugme.etkin .bgn-ikon{animation:none}
}


/* ---------------- mesajlar: uye arama ---------------- */
.msj-ara{position:relative;padding:10px 14px;border-bottom:1px solid var(--gri-200)}
.msj-ara input{width:100%;height:38px;padding:0 13px;border:1px solid var(--gri-200);
  border-radius:var(--r-p);font:inherit;font-size:13.8px;background:var(--gri-100)}
.msj-ara input:focus{outline:none;border-color:var(--kirmizi);background:#fff;
  box-shadow:0 0 0 3px rgba(200,16,46,.1)}
.msj-ara-liste{position:absolute;left:12px;right:12px;top:calc(100% - 2px);z-index:9999;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);
  box-shadow:var(--golge-3);max-height:290px;overflow-y:auto;padding:5px}
.msj-ara-oge{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;
  border-radius:9px;background:transparent;cursor:pointer;text-align:left;font:inherit;
  transition:background .12s}
.msj-ara-oge:hover{background:var(--gri-100)}
.msj-ara-oge img,.msj-ara-oge .ma-bas{width:34px;height:34px;border-radius:50%;object-fit:cover;
  flex:none;background:var(--gri-100)}
.msj-ara-oge .ma-bas{display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.msj-ara-oge span{min-width:0;display:flex;flex-direction:column}
.msj-ara-oge b{font-size:13.6px;font-weight:700;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.msj-ara-oge small{font-size:11.8px;color:var(--gri-500);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.msj-ara-bos{padding:14px 10px;text-align:center;font-size:13px;color:var(--gri-500)}
.msj-secilmedi .dugme{margin-top:16px}


/* ---------------- gorsel boyut notu ---------------- */
.gorsel-not{font-size:12.5px;color:var(--gri-500);line-height:1.55;margin:9px 0 0;
  padding:9px 12px;background:var(--gri-100);border-radius:var(--r-m);
  border-left:3px solid var(--mavi)}
.gorsel-not b{color:var(--gri-700)}
.gorsel-uyari{display:block;font-size:12.8px;font-weight:650;margin-top:8px;padding:9px 12px;
  border-radius:var(--r-m);line-height:1.5}
.gorsel-uyari.kotu{background:rgba(200,16,46,.08);color:#912018;
  border-left:3px solid var(--kirmizi)}
.gorsel-uyari.iyi{background:rgba(18,183,106,.08);color:#05603a;
  border-left:3px solid var(--yesil,#12b76a)}


/* ---------------- secim sayfasi ust bolumu ---------------- */
.secim-ust{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:26px 30px;margin:20px 0 6px;position:relative}
.secim-ust::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(180deg,var(--su-renk),color-mix(in srgb,var(--su-renk) 45%,#fff))}
.secim-ust{--su-renk:#c8102e}
.secim-ust.yerel{--su-renk:#1570ef}
.secim-ust > *{position:relative;z-index:1}

.su-sol{flex:1 1 380px;min-width:0}
.su-rozet{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:850;
  letter-spacing:.06em;text-transform:uppercase;color:var(--su-renk);
  background:color-mix(in srgb,var(--su-renk) 10%,#fff);border-radius:var(--r-p);
  padding:5px 13px;margin-bottom:12px}
.secim-ust h1{color:var(--gri-900);margin:0 0 9px;font-size:clamp(1.4rem,3vw,2.05rem);
  letter-spacing:-.02em}
.secim-ust p{color:var(--gri-500);font-size:14.8px;line-height:1.65;margin:0 0 18px;max-width:58ch}
.su-islem{display:flex;gap:10px;flex-wrap:wrap}
.su-ikincil{background:#fff;border-color:var(--gri-200);color:var(--gri-700)}
.su-ikincil:hover{border-color:var(--su-renk);color:var(--su-renk)}

.su-sag{flex:0 0 auto;display:flex;align-items:stretch;gap:11px;min-width:0;flex-wrap:wrap}
.su-sayac{background:linear-gradient(150deg,var(--su-renk),
    color-mix(in srgb,var(--su-renk) 68%,#0b1b34));color:#fff;
  border-radius:16px;padding:18px 24px;text-align:center;min-width:132px;
  display:flex;flex-direction:column;justify-content:center;
  box-shadow:0 10px 24px -12px color-mix(in srgb,var(--su-renk) 80%,transparent)}
.su-sayac b{display:block;font-size:38px;font-weight:850;letter-spacing:-.04em;line-height:1;
  font-variant-numeric:tabular-nums;color:#fff}
.su-sayac span{display:block;font-size:11.5px;font-weight:750;color:rgba(255,255,255,.85);
  margin-top:5px;text-transform:uppercase;letter-spacing:.06em}
.su-sayac small{display:block;font-size:11.5px;color:rgba(255,255,255,.7);margin-top:7px;
  padding-top:7px;border-top:1px solid rgba(255,255,255,.2)}

.su-geri{order:-1}
.su-kutular{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:210px}
.su-kutu{background:var(--gri-100);border:1px solid var(--gri-200);
  border-radius:12px;padding:11px 13px;text-align:center;transition:.16s}
.su-kutu:hover{border-color:var(--su-renk);background:#fff;transform:translateY(-2px)}
.su-kutu b{display:block;font-size:18px;font-weight:850;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;line-height:1.2;color:var(--gri-900)}
.su-kutu span{font-size:11px;color:var(--gri-500)}

@media (max-width:820px){
  .secim-ust{padding:22px 20px 22px 24px;gap:20px}
  .su-sag{width:100%}
  .su-sayac{flex:1 1 140px;padding:15px 18px}
  .su-sayac b{font-size:30px}
  .su-kutular{flex:1 1 240px;grid-template-columns:repeat(4,1fr)}
}
@media (max-width:520px){
  .su-kutular{grid-template-columns:1fr 1fr}
  .su-islem .dugme{flex:1}
}

/* ---------------- yan sutun: son yorumlar ve rehber ---------------- */
.yorum-mini li{border-bottom:1px solid var(--gri-100)}
.yorum-mini li:last-child{border-bottom:0}
.yorum-mini a{display:block;padding:10px 8px;border-radius:9px;transition:background .14s}.yan-tum{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--gri-100);
  font-size:12.8px;font-weight:750;color:var(--gri-500);text-align:center}
.yan-tum:hover{color:var(--kirmizi)}

.msj-hata{padding:10px 16px;background:rgba(200,16,46,.08);color:#912018;font-size:13.2px;
  font-weight:650;border-top:1px solid rgba(200,16,46,.2)}
.msj-balon{animation:msj-gir .22s ease-out}
@keyframes msj-gir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){ .msj-balon{animation:none} }


/* ---------------- il sayfasi basligi ---------------- */
.il-bas{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:22px 26px;margin-bottom:22px}
.il-bas-metin{display:flex;align-items:center;gap:16px;flex:1 1 320px;min-width:0}
.il-plaka-rozet{flex:none;width:56px;height:56px;border-radius:15px;display:grid;place-items:center;
  font-size:21px;font-weight:850;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  background:linear-gradient(140deg,var(--kirmizi),#7c1024);
  box-shadow:0 8px 18px -8px rgba(200,16,46,.7)}
.il-bas h1{margin:0 0 4px;font-size:clamp(1.25rem,2.6vw,1.7rem);letter-spacing:-.02em}
.il-bas .alt-yazi{margin:0;font-size:13.8px}

.il-sayac{display:flex;gap:9px;flex-wrap:wrap;flex:0 0 auto}
.ils-kutu{background:var(--gri-100);border:1px solid var(--gri-200);border-radius:13px;
  padding:12px 17px;text-align:center;min-width:96px;transition:.16s}
.ils-kutu:hover{background:#fff;border-color:var(--kirmizi);transform:translateY(-2px)}
.ils-kutu b{display:block;font-size:20px;font-weight:850;letter-spacing:-.03em;
  color:var(--gri-900);font-variant-numeric:tabular-nums;line-height:1.15}
.ils-kutu span{font-size:11.2px;color:var(--gri-500);display:block;margin-top:3px}
.ils-kutu.vurgu{background:linear-gradient(140deg,var(--kirmizi),#e11d48);border-color:transparent;
  box-shadow:0 8px 18px -10px rgba(200,16,46,.7)}
.ils-kutu.vurgu b{color:#fff}
.ils-kutu.vurgu span{color:rgba(255,255,255,.85)}
.ils-kutu.vurgu:hover{transform:translateY(-2px);border-color:transparent}

@media (max-width:700px){
  .il-bas{padding:18px 18px;gap:16px}
  .il-sayac{width:100%}
  .ils-kutu{flex:1 1 calc(50% - 5px);min-width:0}
  .il-plaka-rozet{width:46px;height:46px;font-size:17px}
}


/* ---------------- partilere gore anket oyu ---------------- */
.poy-liste > *{flex:0 1 calc(50% - 4px);min-width:250px;max-width:100%}
.poy-satir{background:#fff;border:1px solid var(--gri-200);border-radius:13px;overflow:hidden;
  transition:.16s}
.poy-satir:hover{border-color:var(--poy-renk);transform:translateY(-2px);box-shadow:var(--golge-2)}
.poy-satir a{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;
  gap:10px;padding:10px 13px 8px;position:relative}
.poy-sira{font-size:12.5px;font-weight:850;color:var(--gri-300);min-width:18px;text-align:center;
  font-variant-numeric:tabular-nums}
.poy-satir:nth-child(1) .poy-sira{color:#d4a017}
.poy-satir:nth-child(2) .poy-sira{color:#9aa5b1}
.poy-satir:nth-child(3) .poy-sira{color:#c1804f}
.poy-logo{width:32px;height:32px;object-fit:contain;border-radius:9px;background:#fff;
  border:1px solid var(--gri-100);padding:3px;flex:none}
.poy-harf{display:grid;place-items:center;font-size:13px;font-weight:850;color:#fff;padding:0;
  background:linear-gradient(140deg,var(--poy-renk),
    color-mix(in srgb,var(--poy-renk) 55%,#0b1b34));border-color:transparent}
.poy-ad{min-width:0;display:flex;flex-direction:column;gap:1px}
.poy-ad b{font-size:13.8px;font-weight:800;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.poy-ad small{font-size:12px;color:var(--gri-500)}
.poy-veri{text-align:right;display:flex;flex-direction:column;gap:1px;flex:none}
.poy-veri b{font-size:16px;font-weight:850;letter-spacing:-.02em;color:var(--poy-renk);
  font-variant-numeric:tabular-nums;line-height:1.15}
.poy-veri small{font-size:11.5px;color:var(--gri-400);font-variant-numeric:tabular-nums}
.poy-cubuk{grid-column:1/-1;height:4px;border-radius:2px;background:var(--gri-100);
  overflow:hidden;margin-top:3px}
.poy-cubuk i{display:block;height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--poy-renk),color-mix(in srgb,var(--poy-renk) 55%,#fff));
  transition:width .8s cubic-bezier(.22,1,.36,1)}
.poy-bos{padding:26px;text-align:center;color:var(--gri-500);background:#fff;
  border:1px solid var(--gri-200);border-radius:13px}
@media (max-width:520px){
  .poy-liste > *{flex:1 1 100%;min-width:0}
  .poy-satir a{gap:9px;padding:10px 12px 8px}
  .poy-veri b{font-size:15px}
  .poy-ad b{font-size:13.2px}
}


/* ---------------- yan kutu: adim ve bilgi listeleri ----------------
   Not: iki liste ayri sinif kullanir. Once ikisi de .yardim-liste
   idi ve numarali/numarasiz yapilar birbirinin duzenini bozuyordu. */
.adim-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:adim}
.adim-liste li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:11px;align-items:start}
.adim-no{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  font-size:12.5px;font-weight:850;color:#fff;flex:none;
  background:linear-gradient(140deg,var(--kirmizi),#e11d48);
  box-shadow:0 3px 9px -3px rgba(200,16,46,.6)}
.adim-metin{min-width:0;display:flex;flex-direction:column;gap:2px}
.adim-metin b{font-size:13.8px;font-weight:750;color:var(--gri-900);line-height:1.35}
.adim-metin small{font-size:12.6px;color:var(--gri-500);line-height:1.5;overflow-wrap:anywhere}

.bilgi-liste{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.bilgi-liste li{position:relative;padding-left:20px;font-size:13.4px;line-height:1.55;
  color:var(--gri-700);overflow-wrap:anywhere}
.bilgi-liste li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;
  border-radius:50%;background:var(--kirmizi);opacity:.75}
.bilgi-liste b{color:var(--gri-900);font-weight:750}


/* ---------------- uye profili: istatistik seridi ---------------- */
.ist-serit{display:flex;flex-wrap:wrap;gap:11px;margin:-26px 0 24px;position:relative;z-index:5}
.ist-serit > *{flex:1 1 158px;min-width:158px;max-width:100%}
.ist-kutu{display:flex;align-items:center;gap:12px;background:#fff;
  border:1px solid var(--gri-200);border-radius:15px;padding:15px 17px;
  box-shadow:var(--golge-2);transition:.18s}
.ist-kutu:hover{transform:translateY(-3px);border-color:var(--ist-renk);
  box-shadow:0 14px 28px -14px color-mix(in srgb,var(--ist-renk) 60%,rgba(16,24,40,.4))}
.ist-ikon{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-size:18px;background:color-mix(in srgb,var(--ist-renk) 12%,#fff)}
.ist-veri{min-width:0;display:flex;flex-direction:column}
.ist-veri b{font-size:22px;font-weight:850;letter-spacing:-.03em;line-height:1.1;
  color:var(--ist-renk);font-variant-numeric:tabular-nums}
.ist-veri small{font-size:11.8px;color:var(--gri-500);line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.uyep-uyelik{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#9db0cc;margin:14px 0 0}
.uyep-uyelik span{white-space:nowrap}
@media (max-width:560px){
  .ist-serit{margin-top:-18px;gap:8px}
  .ist-serit > *{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px)}
  .ist-kutu{padding:12px 13px;gap:9px}
  .ist-ikon{width:34px;height:34px;font-size:16px}
  .ist-veri b{font-size:18px}
}


/* ---------------- yan sutun: son yorumlanan adaylar ---------------- */
.syorum-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.syorum-liste li{border-bottom:1px solid var(--gri-100)}
.syorum-liste li:last-child{border-bottom:0}
.syorum-liste a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:9px;
  transition:background .14s}
.syorum-liste a:hover{background:var(--gri-100)}
.syorum-liste img,.sy-bas{width:34px;height:40px;border-radius:8px;object-fit:cover;flex:none;
  background:var(--gri-100)}
.sy-bas{display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,var(--sy-renk),
    color-mix(in srgb,var(--sy-renk) 52%,#0b1b34))}
.sy-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sy-metin b{font-size:13.4px;font-weight:750;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.sy-metin small{font-size:11.8px;color:var(--sy-renk);font-weight:700}
.sy-sayi{flex:none;font-size:12px;font-weight:750;color:var(--gri-500);
  background:var(--gri-100);border-radius:20px;padding:2px 9px;white-space:nowrap}
.syorum-liste a:hover .sy-sayi{background:#fff}

/* Video gomme sarmalayicisi */
.video-sar{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;
  border-radius:var(--r-m);margin:18px 0;background:var(--gri-100)}
.video-sar iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* One cikan adaylar: genel/yerel sekmesi */
.pop-sekme{display:flex;margin:0 14px 4px;background:rgba(0,0,0,.22);border-radius:10px;
  padding:3px;position:relative}
.pop-sekme button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:31px;border:0;border-radius:8px;background:transparent;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:750;color:#8fa6c6;transition:color .18s;
  position:relative;z-index:2}
.pop-sekme button:hover{color:#c7d5e8}
.pop-sekme button.etkin{color:#0b1b34;font-weight:800}
.pop-sekme::before{content:"";position:absolute;top:3px;left:3px;z-index:1;
  width:calc(50% - 3px);height:31px;border-radius:8px;background:#fff;
  transition:transform .26s cubic-bezier(.34,1.15,.64,1)}
.pop-sekme:has(button:last-child.etkin)::before{transform:translateX(100%)}
.pop-liste.yukleniyor{opacity:.5;pointer-events:none}
.pop-bos{padding:20px 12px;text-align:center;font-size:13px;color:#9db0cc}


/* ---------------- aday profili: istatistik kartlari ---------------- */
.pu-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
  margin-top:20px}

.puk{display:flex;align-items:center;gap:9px;min-width:0;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:12px 14px;
  transition:.18s;backdrop-filter:blur(4px)}
.puk:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.puk-ikon{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;
  font-size:16px;background:var(--puk-renk);color:#fff;
  box-shadow:0 4px 12px -4px var(--puk-renk)}
.puk-veri{min-width:0;flex:1;display:flex;flex-direction:column}
.puk-veri b{font-size:clamp(15px,2.6vw,20px);font-weight:850;letter-spacing:-.035em;
  line-height:1.15;color:#fff;font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.puk-veri small{font-size:11.2px;color:#a9bdd9;white-space:nowrap}

/* ---------------- begen / takip / paylas (aday profili) ----------------
   TEK KAYNAK. Bu satirin yerlesimi baska hicbir yerde tanimlanmaz.

   ONCEKI SORUN: .pu-eylem iki ayri yerde tanimliydi. Ikinci tanim
   "flex-wrap:wrap" + ".pu-eylem .pu-takip{flex:1 1 100%}" ile takip
   dugmesini zorla kendi satirina itiyordu; uc dugme alt alta duyor,
   yan sutun (220-290px) icinde yazi da tasiyordu.

   COZUM: dugmeler esit genislikte SUTUNLARA bolunur. Her dugmenin
   icinde ikon ve sayi ustte yan yana, etiket altta tek satir durur.
   Boylece dar sutunda bile uc dugme yan yana sigar. grid-auto-flow
   kullanildigi icin takip dugmesi yokken (uye girisli degil) kalan
   iki dugme bosluk birakmadan satiri paylasir. */
.pu-eylem{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  gap:8px;margin-top:18px}
.pu-eylem > button{position:relative;display:flex;flex-wrap:wrap;
  align-items:center;justify-content:center;column-gap:6px;row-gap:3px;
  min-height:64px;padding:9px 6px;border:0;border-radius:14px;cursor:pointer;
  font:inherit;text-align:center;overflow:hidden;
  transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.pu-eylem > button:hover{transform:translateY(-2px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 10px 22px -12px rgba(0,0,0,.6)}

/* ikon ve sayi ust satir, etiket alt satir */
.pu-eylem .bgn-ikon,.pu-eylem .tkp-ikon,.pu-pay > span:first-child{
  order:1;font-size:18px;line-height:1}
.pu-eylem .bgn-sayi,.pu-eylem .tkp-sayi{order:2;font-size:11.5px;font-weight:850;
  background:rgba(255,255,255,.2);border-radius:20px;padding:2px 7px;
  min-width:26px;text-align:center;font-variant-numeric:tabular-nums;line-height:1.35}
.pu-eylem .bgn-metin,.pu-eylem .tkp-metin,.pu-pay-metin{
  order:3;flex:1 1 100%;font-size:11.5px;font-weight:750;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pu-bgn{color:#fff;background:rgba(255,255,255,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.pu-bgn::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .22s;
  background:linear-gradient(135deg,var(--kirmizi),#e11d48)}
.pu-bgn > *{position:relative;z-index:1}
.pu-bgn.etkin::before{opacity:1}
.pu-bgn.etkin{box-shadow:0 8px 20px -8px rgba(200,16,46,.85)}
.pu-bgn .bgn-ikon{transition:transform .3s cubic-bezier(.34,1.4,.64,1)}
.pu-bgn:hover .bgn-ikon{transform:scale(1.16)}
.pu-bgn.etkin .bgn-ikon{animation:bgn-vur .5s cubic-bezier(.34,1.5,.64,1)}
.pu-bgn.etkin .bgn-sayi{background:rgba(255,255,255,.26)}

.pu-pay{background:rgba(255,255,255,.08);color:#c7d5e8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pu-pay:hover{background:rgba(255,255,255,.18);color:#fff}

@media (max-width:520px){
  .pu-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ---------------- parti sekmesi: oran gostergesi ---------------- */
.sm-toplam{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:88px}
.smt-oran{display:flex;align-items:baseline;gap:1px;line-height:1}
.smt-oran b{font-size:21px;font-weight:850;letter-spacing:-.03em;color:var(--parti-renk,var(--kirmizi));
  font-variant-numeric:tabular-nums}
.smt-oran i{font-style:normal;font-size:12.5px;font-weight:800;
  color:var(--parti-renk,var(--kirmizi));opacity:.7}
.smt-oy{font-size:11.8px;color:var(--gri-500);font-variant-numeric:tabular-nums;white-space:nowrap}
.smt-cubuk{display:block;width:100%;height:4px;border-radius:2px;background:var(--gri-100);
  overflow:hidden;margin-top:4px}
.smt-cubuk i{display:block;height:100%;border-radius:2px;
  background:linear-gradient(90deg,var(--parti-renk,var(--kirmizi)),
    color-mix(in srgb,var(--parti-renk,var(--kirmizi)) 55%,#fff))}

/* ---------------- yan sutun: son yorumlar ve partiler ---------------- */
/* Not: renk yalnizca acik zeminli kutular icin; .yk-aday koyu zeminde
   kendi kuralini korur (asagida yeniden tanimlanir). */
.yan-kutu h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;
  color:var(--gri-900);margin:0 0 12px;padding-bottom:10px;
  border-bottom:1px solid var(--gri-100)}
.yk-aday h3{color:#fff;border-bottom-color:rgba(255,255,255,.12);
  padding:15px 16px 12px;margin:0}.yan-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.yan-liste li{border-bottom:1px solid var(--gri-100)}
.yan-liste li:last-child{border-bottom:0}
.yan-liste a{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 8px;border-radius:9px;font-size:13.5px;color:var(--gri-700);transition:.14s}
.yan-liste a:hover{background:var(--gri-100);color:var(--gri-900)}
.yan-liste a > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yan-liste a > b{flex:none;font-size:12.5px;font-weight:800;color:var(--gri-400);
  font-variant-numeric:tabular-nums}
.yan-liste a:hover > b{color:var(--kirmizi)}


/* ---------------- odeme yontemi secimi ---------------- */
.odeme-oge,.odeme-oge *{text-transform:none;letter-spacing:normal}
.odeme-oge{cursor:pointer;display:block}
.odeme-oge input{position:absolute;opacity:0;width:0;height:0}
.oo-govde{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;height:100%;
  border:2px solid var(--gri-200);border-radius:var(--r-m);transition:.16s}
.odeme-oge:hover .oo-govde{border-color:var(--gri-300)}
.odeme-oge input:checked + .oo-govde{border-color:var(--kirmizi);
  background:rgba(200,16,46,.03);box-shadow:0 4px 14px -8px rgba(200,16,46,.5)}
.odeme-oge input:focus-visible + .oo-govde{outline:2px solid var(--kirmizi);outline-offset:2px}
.oo-ikon{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;
  font-size:19px;background:var(--gri-100);transition:.16s}
.odeme-oge input:checked + .oo-govde .oo-ikon{background:rgba(200,16,46,.1)}
.oo-metin{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.oo-metin b{font-size:14.5px;font-weight:750;color:var(--gri-900)}
.oo-metin small{font-size:12.5px;color:var(--gri-500);line-height:1.4}
.oo-rozet{flex:none;font-size:10.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  background:rgba(18,183,106,.12);color:#05603a;border-radius:20px;padding:3px 10px}
.ys-not{font-size:12px;color:var(--gri-400);margin-left:6px}


/* Öne çıkan adaylar: sayfalama */
.pop-sayfa{display:flex;align-items:center;justify-content:center;gap:12px;
  padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.pop-sayfa button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);color:#c7d5e8;font-size:15px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.15s}
.pop-sayfa button:hover:not([disabled]){background:#fff;color:#0b1b34;border-color:transparent}
.pop-sayfa button[disabled]{opacity:.3;cursor:default}
.pop-sayfa span{font-size:12px;font-weight:750;color:#9db0cc;font-variant-numeric:tabular-nums}
/* Sayfalama JS calismazsa tum adaylar gorunur kalir (kademeli bozulma).
   JS acildiginda kutuya "sayfali" sinifi eklenir ve gizleme devreye girer. */
.pop-liste.sayfali .pop-oge{display:none}
.pop-liste.sayfali .pop-oge.gorunur{display:block}

/* ---------------- son yorumlar: yeniden tasarim ---------------- */
.yorum-mini{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.yorum-mini li{border:0;background:var(--gri-100);border-radius:12px;overflow:hidden;
  transition:.16s}
.yorum-mini li:hover{background:#fff;box-shadow:var(--golge-2)}
.yorum-mini a{display:grid;gap:5px;padding:12px 14px;border-radius:0}
.yorum-mini a:hover{background:transparent}
.ym-kim{display:flex;align-items:center;gap:8px;font-size:12.8px;font-weight:800;
  color:var(--gri-900);margin:0;min-width:0}
.ym-kim > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ym-bas{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-style:normal;font-size:11px;font-weight:850;color:#fff;letter-spacing:-.02em;
  background:linear-gradient(140deg,var(--kirmizi),#7c3aed)}
.ym-metin{display:block;font-size:13.2px;color:var(--gri-600);line-height:1.5;
  overflow-wrap:anywhere;position:relative;padding-left:13px}
.ym-metin::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;
  border-radius:1px;background:var(--gri-200)}
.ym-hedef{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;
  color:var(--gri-500);background:#fff;border:1px solid var(--gri-200);border-radius:20px;
  padding:2px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  justify-self:start}
.yorum-mini li:hover .ym-hedef{border-color:var(--kirmizi);color:var(--kirmizi)}


/* ---------------- hero kisayol kutulari ---------------- */
/* Hero icindeki koyu zeminde durur; eski istatistik kutularinin yerini alir */
.hero-kisayol{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.hero-kisayol > *{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px);max-width:100%}
.hk-kutu{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:12px 14px;
  transition:.18s}
.hk-kutu:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3);
  transform:translateY(-2px)}
.hk-ikon{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;
  font-size:16px;background:var(--hk-renk);color:#fff;
  box-shadow:0 4px 12px -4px var(--hk-renk)}
.hk-metin{min-width:0;display:flex;flex-direction:column;gap:1px}
.hk-metin b{font-size:13.8px;font-weight:750;color:#fff;line-height:1.25}
.hk-metin small{font-size:11.5px;color:#a9bdd9;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------------- vitrin: tur sekmesi ve sayfalama ---------------- */
.vitrin-panel{display:none}
.vitrin-panel.etkin{display:block}

.vitrin-sayfa{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.vitrin-sayfa button{width:36px;height:36px;border-radius:10px;border:1px solid var(--gri-200);
  background:#fff;color:var(--gri-500);font-size:19px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.15s}
.vitrin-sayfa button:hover:not([disabled]){background:var(--kirmizi);border-color:transparent;color:#fff}
.vitrin-sayfa button[disabled]{opacity:.35;cursor:default}
.vitrin-sayfa span{font-size:13px;font-weight:750;color:var(--gri-500);
  font-variant-numeric:tabular-nums;min-width:52px;text-align:center}

/* ---------------- vitrin parti filtresi (kurumsal) ---------------- */
/* ---------------- aday vurgu seritleri ---------------- */
.gs-bolum{margin:26px 0}
.gs-bas{display:flex;align-items:center;gap:12px;margin-bottom:13px;flex-wrap:wrap}
.gs-bas h2{display:flex;align-items:center;gap:9px;font-size:clamp(1.05rem,2.2vw,1.28rem);margin:0}
.gs-ikon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:15px;
  background:color-mix(in srgb,var(--gs-renk) 13%,#fff)}
.gs-alt{font-size:13px;color:var(--gri-500)}/* Parti oy oranlari: secim turu sekmesi */
.poy-tur{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.poy-tur button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 17px;
  border:1px solid var(--gri-200);border-radius:11px;background:#fff;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:750;color:var(--gri-600);transition:.16s}
.poy-tur button:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.poy-tur button.etkin{background:var(--kirmizi);border-color:transparent;color:#fff;
  box-shadow:0 5px 14px -5px rgba(200,16,46,.6)}
.poy-liste{list-style:none;margin:0;padding:0;display:none;flex-wrap:wrap;gap:8px}
.poy-liste.etkin{display:flex}

/* ---------------- il paneli (bolgelere gore) ---------------- */
.il-panel{display:grid;gap:20px}
.il-bolge h3{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800;
  color:var(--gri-900);margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}
.il-bolge h3::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--kirmizi)}
.il-bolge h3 span{font-size:11px;font-weight:700;text-transform:none;letter-spacing:0;
  color:var(--gri-400);background:var(--gri-100);border-radius:20px;padding:2px 9px}
.il-rozet-izgara{display:flex;flex-wrap:wrap;gap:7px}
.il-rozet-izgara > *{flex:1 1 158px;min-width:158px;max-width:100%}
.il-rozet{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--gri-200);
  border-radius:11px;padding:8px 11px 8px 8px;transition:.16s;position:relative;overflow:hidden}
.il-rozet:hover{border-color:var(--kirmizi);transform:translateY(-2px);
  box-shadow:0 10px 20px -12px rgba(200,16,46,.5)}
.ir-plaka{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-size:12px;font-weight:850;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;
  background:linear-gradient(140deg,#12294a,#0b1b34);transition:.16s}
.il-rozet:hover .ir-plaka{background:linear-gradient(140deg,var(--kirmizi),#7c1024)}
.ir-ad{flex:1;min-width:0;font-size:13.2px;font-weight:700;color:var(--gri-900);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ir-sayi{flex:none;font-size:11.2px;font-weight:800;color:var(--gri-500);
  background:var(--gri-100);border-radius:20px;padding:2px 8px;
  font-variant-numeric:tabular-nums}
.il-rozet:hover .ir-sayi{background:rgba(200,16,46,.1);color:var(--kirmizi)}

@media (max-width:900px){
  .gs-izgara > *{flex:1 1 calc(33.333% - 7px);min-width:calc(33.333% - 7px)}
}
@media (max-width:640px){
  .gs-izgara > *{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)}
  .il-rozet-izgara > *{flex:1 1 calc(50% - 4px);min-width:calc(50% - 4px)}
}

/* Vitrin parti suzgeci: sade acilir liste */


/* ---------------- serit kartlari (yenilendi) ---------------- */
/* ---------------- vitrin parti secici (logolu) ---------------- */
.parti-suz{position:relative;margin-bottom:14px;max-width:320px}
.pf-dugme{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  height:46px;padding:0 14px;border:1px solid var(--gri-200);border-radius:12px;background:#fff;
  cursor:pointer;font:inherit;transition:.16s}
.pf-dugme:hover{border-color:var(--kirmizi)}
.pf-dugme[aria-expanded="true"]{border-color:var(--kirmizi);
  box-shadow:0 0 0 3px rgba(200,16,46,.1)}
.pf-secili{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.pf-secili b{font-size:13.8px;font-weight:750;color:var(--gri-900);overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.pf-logo{width:28px;height:28px;border-radius:8px;flex:none;object-fit:contain;
  background:#fff;border:1px solid var(--gri-100);padding:2px}
.pf-tum,.pf-harf{display:grid;place-items:center;font-size:9.5px;font-weight:850;color:#fff;
  padding:0;border-color:transparent;background:var(--pf-renk,var(--gri-500))}
.pf-tum{background:var(--gri-900)}
.pf-adet{flex:none;font-size:11.2px;font-weight:800;color:var(--gri-500);
  background:var(--gri-100);border-radius:20px;padding:2px 8px;font-variant-numeric:tabular-nums}
.pf-ok{flex:none;color:var(--gri-400);font-size:12px;transition:transform .18s}
.pf-dugme[aria-expanded="true"] .pf-ok{transform:rotate(180deg)}
.pf-panel{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:9999;background:#fff;
  border:1px solid var(--gri-200);border-radius:12px;box-shadow:var(--golge-3);
  max-height:330px;overflow-y:auto;padding:5px}
.pf-oge{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;
  border-radius:9px;background:transparent;cursor:pointer;text-align:left;font:inherit;
  transition:background .12s}
.pf-oge:hover{background:var(--gri-100)}
.pf-oge.etkin{background:rgba(200,16,46,.07)}
.pf-oge b{flex:1;min-width:0;font-size:13.5px;font-weight:700;color:var(--gri-900);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Yan kutu baslik ikonlari */
.yk-ikon{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;
  font-size:13px;background:var(--gri-100)}
.yk-aday .yk-ikon{background:rgba(255,255,255,.14)}

@media (max-width:640px){
  .gs-foto{height:112px}
  .parti-suz{max-width:none}
}


/* ---------------- serit / vitrin arac satiri ----------------
   Sekmeler solda; parti suzgeci panelin sol ustunde onlarla hizali. */
.gs-arac{display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:12px}
.gs-suzgec{display:flex;margin-left:auto}
.gs-suz-kutu{display:none}
.gs-suz-kutu.etkin{display:block}
.gs-suz-kutu .parti-suz{margin:0}
.gs-tur{display:flex;flex-wrap:wrap;gap:6px}
.gs-tur button{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 17px;
  border:1px solid var(--gri-200);border-radius:11px;background:#fff;cursor:pointer;
  font:inherit;font-size:13.5px;font-weight:750;color:var(--gri-600);transition:.16s}
.gs-tur button:hover{border-color:var(--gs-renk,var(--kirmizi));color:var(--gs-renk,var(--kirmizi))}
.gs-tur button.etkin{background:var(--gs-renk,var(--kirmizi));border-color:transparent;color:#fff;
  box-shadow:0 5px 14px -5px color-mix(in srgb,var(--gs-renk,var(--kirmizi)) 70%,transparent)}

.gs-panel{display:none}
.gs-panel.etkin{display:block}

/* Serit sayfalamasi */
.gs-sayfa{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px}
.gs-sayfa button{width:34px;height:34px;border-radius:10px;border:1px solid var(--gri-200);
  background:#fff;color:var(--gri-500);font-size:18px;line-height:1;cursor:pointer;
  display:grid;place-items:center;transition:.15s}
.gs-sayfa button:hover:not([disabled]){background:var(--gs-renk,var(--kirmizi));
  border-color:transparent;color:#fff}
.gs-sayfa button[disabled]{opacity:.35;cursor:default}
.gs-sayfa span{font-size:12.8px;font-weight:750;color:var(--gri-500);
  font-variant-numeric:tabular-nums;min-width:48px;text-align:center}

@media (max-width:900px){
  .vitrin-izgara > *{flex:1 1 calc(33.333% - 8px);min-width:calc(33.333% - 8px)}
}
@media (max-width:640px){
  .vitrin-izgara > *{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}
  .gs-arac{gap:8px}
  .gs-tur button{flex:1 1 calc(50% - 3px);justify-content:center;padding:0 10px}
  .gs-suzgec{margin-left:0;width:100%}
  .gs-suz-kutu.etkin,.gs-suz-kutu .parti-suz{width:100%;max-width:none}
}


/* Secim sayfasi: hero yerel varyanti ve donem seridi */
.hero-yerel{background:linear-gradient(160deg,#0b1b34 0%,#12294a 62%,#0d3b4f 100%)}
/* Ana sayfada hero altindaki serit yapisik durmasin */
.hero-ana{padding-bottom:50px}
.yil-sec{max-width:100%}
@media (max-width:560px){
  .yil-sec{row-gap:7px}
  .yil-sec a{height:34px;padding:0 13px;font-size:13px}
  .ys-kalan{margin-left:0}
}
.ys-kalan{margin-left:auto;font-size:12.5px;font-weight:750;color:var(--gri-500);
  background:var(--gri-100);border-radius:20px;padding:4px 12px;white-space:nowrap}


/* ---------------- secim rehberi bolumu ---------------- */
.rb-kart{display:flex;align-items:flex-start;gap:11px;background:#fff;
  border:1px solid var(--gri-200);border-radius:13px;padding:14px 15px;transition:.18s}
.rb-kart:hover{border-color:var(--kirmizi);transform:translateY(-3px);
  box-shadow:0 12px 24px -14px rgba(200,16,46,.45)}
.rk-ikon{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;
  font-size:15px;background:var(--gri-100)}
.rb-kart:hover .rk-ikon{background:rgba(200,16,46,.1)}
.rk-metin{min-width:0;display:flex;flex-direction:column;gap:3px}
.rk-metin b{font-size:14px;font-weight:750;color:var(--gri-900);line-height:1.35}
.rk-metin small{font-size:12.2px;color:var(--gri-500);line-height:1.45}

.ps-bilgi i.ps-adet{font-size:12px;font-weight:750;color:var(--gri-500);letter-spacing:0}


/* ---------------- sozlesme onay satirlari ---------------- */
.szl-kutu{margin-top:22px;padding:18px 20px;background:var(--gri-100);
  border:1px solid var(--gri-200);border-radius:var(--r-l)}
.szl-bas{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;
  color:var(--gri-700);margin:0 0 14px}
.szl-bas::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--kirmizi)}

/* Onay satirlari <label> oldugu icin ".alan label" kuralindaki
   uppercase ve kucuk punto miras aliniyordu; burada sifirlanir. */
.szl-satir,.szl-satir *{text-transform:none;letter-spacing:normal}
.szl-satir{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;
  font-size:13.2px;font-weight:400;color:var(--gri-500);
  background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-m);
  cursor:pointer;transition:.16s}
.szl-satir + .szl-satir{margin-top:9px}
.szl-satir:hover{border-color:var(--gri-300);box-shadow:var(--golge-1)}
.szl-satir:has(input:checked){background:rgba(18,183,106,.05);
  border-color:rgba(18,183,106,.4)}
.szl-satir input{width:20px;height:20px;flex:none;margin-top:1px;
  accent-color:var(--yesil,#12b76a);cursor:pointer}
.szl-satir span{font-size:13.2px;line-height:1.62;color:var(--gri-500);font-weight:400}
.szl-ozet{display:block;margin-bottom:4px;font-size:13.4px;font-weight:500;
  color:var(--gri-900)}
.szl-satir a{color:var(--gri-700);font-weight:550;border-bottom:1px solid var(--gri-300);
  transition:.14s}
.szl-satir a:hover{color:var(--kirmizi);border-color:var(--kirmizi)}
.szl-not{font-size:12.2px;color:var(--gri-500);line-height:1.55;margin:12px 0 0;
  padding-left:2px}

/* Ekran okuyucular icin gorunmez etiket */
.gorsel-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* =====================================================================
   MOBIL DUZELTMELERI
   Header ve buton satirlari dar ekranda tasiyordu; butonlarin iki satira
   dusmesi metin kirilmasindan degil, kap genisliginin yetmemesinden
   kaynaklaniyor. Burada satir yapisi yeniden duzenlenir.
   ===================================================================== */


/* (max-width:620px) blogu bostu - icindeki kural daha once kaldirilmis, geriye yalnizca yorum kalmisti. */


/* (max-width:400px) blogu kaldirildi: iki kurali da olu koddu.
   .hero-kisayol > * daha asagidaki (max-width:560px) blogu tarafindan
   eziliyordu; .pu-pay-metin gizlemesi ise yeni eylem satiri duzeninde
   gerekmiyor - etiket her genislikte gorunur. */


/* =====================================================================
   MOBIL HEADER — TEK KAYNAK
   Onceden dort ayri medya sorgusunda cakisan kurallar vardi; 900px'de
   ikon, 620px'de metin gizleniyordu ve sekmeler bos kaliyordu.
   Header'in tum duyarli davranisi artik yalnizca burada tanimli.
   ===================================================================== */

/* 1000px alti: arama tam genislikte alt satira iner */
@media (max-width:1000px){
  .ust-ic{flex-wrap:wrap;gap:10px 14px;padding:11px 16px}
  .arama{order:5;flex:1 1 100%;max-width:none;margin:0}
  .ust-sag{margin-left:auto}
}

/* 860px alti: satir duzeni
   1. satir : logo | mesaj + bildirim + profil | menu dugmesi
   2. satir : genel / yerel secim sekmeleri
   3. satir : arama
   .ust-sag "display:contents" ile seffaflasir; boylece icindeki
   secim-sec ve uye-menu dogrudan ust-ic'in ogeleri gibi siralanir. */
@media (max-width:860px){
  .ust-sag{display:contents}
  .logo{order:1}
  .uye-menu{order:2;margin-left:auto}
  .mob-ac{order:3;margin-left:0}
  .secim-sec{order:4;flex:1 1 100%;justify-content:center}
  .secim-sec a{flex:1;justify-content:center;max-width:220px}
  .logo img{width:auto;height:34px}
  .uye-menu .um-ad{display:none}
}

/* 540px alti */
@media (max-width:540px){
  .ust-ic{gap:9px 10px;padding:10px 12px}
  .logo img{height:30px}
  .uye-menu{gap:5px}
  .secim-sec{height:40px}
  .secim-sec a{padding:0 10px;font-size:12.6px}
  .ss-ikon{font-size:15px}
}

/* 380px alti: en dar cihazlar */
@media (max-width:380px){
  .logo img{height:26px}
  .secim-sec a{padding:0 8px;font-size:12px;gap:5px}
  .um-ikon{width:34px;height:34px}
}

/* ---------------- mobil: govde bolumleri ---------------- */
@media (max-width:560px){
  .hero-ic{gap:22px}
  .hero-kisayol > *{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)}
  .hk-kutu{padding:11px 12px;gap:9px}
  .hk-ikon{width:32px;height:32px;font-size:15px}
  .hk-metin b{font-size:13px}
  .hk-metin small{font-size:11px}

  .gs-arac{flex-direction:column;align-items:stretch;gap:9px}
  .gs-tur{width:100%}
  .gs-tur button{flex:1 1 0;justify-content:center;padding:0 8px;font-size:12.8px}
  /* .gs-suzgec ve .gs-suz-kutu kurallari yukaridaki (max-width:640px)
     blogunda ayni degerlerle zaten tanimli; burada tekrari kaldirildi. */

  .vitrin-sayfa,.gs-sayfa{gap:10px}
  .vitrin-sayfa span,.gs-sayfa span{min-width:44px;font-size:12px}

  .szl-kutu{padding:15px 14px}
  .szl-satir{padding:12px 13px;gap:10px}

  .pu-eylem{gap:7px}
  .pu-eylem > button{min-height:60px;padding:8px 4px}
  .pu-eylem .bgn-sayi,.pu-eylem .tkp-sayi{padding:2px 7px;min-width:28px;font-size:11.5px}
}

@media (max-width:380px){
  .hero-kisayol > *{flex:1 1 100%;min-width:0}
  .pu-eylem .bgn-metin,.pu-eylem .tkp-metin,.pu-pay-metin{font-size:11px}
}


/* Kod alani: yer tutucu tam sigsin, girilen kod belirgin olsun */
.kod-satir input::placeholder{font-size:13px;font-weight:600;letter-spacing:.02em;
  text-transform:none;color:var(--gri-400);opacity:1}
.kod-satir input:focus{outline:none;border-color:var(--kirmizi);
  box-shadow:0 0 0 3px rgba(200,16,46,.1)}

/* 1) Kod alani ile odeme yontemi arasinda nefes payi */
.kod-alan{margin-bottom:6px}
.kod-alan + .alan,.kod-alan ~ .alan{margin-top:18px}

/* 2) Odeme secenekleri: iki esit sutun, satiri tam doldurur */
.odeme-sec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  align-items:stretch}
.odeme-sec > *{min-width:0;width:100%}
.odeme-sec .oo-govde{width:100%;box-sizing:border-box}
.odeme-sec .oo-metin b,.odeme-sec .oo-metin small{overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;display:block}
@media (max-width:600px){
  .odeme-sec{grid-template-columns:1fr}
}


/* ---------------- katlanan listeler (devami) ---------------- */
.katli{display:none}
.acik .katli,.poy-liste.acik .katli,.il-panel.acik .katli{display:block}
.il-panel.acik .il-rozet.katli{display:flex}
.poy-liste.acik .poy-satir.katli{display:block}

.devam-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  margin-top:12px;height:42px;padding:0 20px;border:1px solid var(--gri-200);
  border-radius:11px;background:#fff;cursor:pointer;font:inherit;font-size:13.5px;
  font-weight:700;color:var(--gri-600);transition:.16s;width:100%;max-width:340px}
.devam-dugme:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.devam-dugme span{font-size:11px;transition:transform .2s}
.devam-dugme.acik span{transform:rotate(180deg)}


/* Mobil: bolum basligi ile "tumu" baglantisi dikeyde hizali kalsin.
   flex-end ile baslik sarinca baglanti asagi kayiyordu. */
@media (max-width:640px){
  /* Baslik ile "tumu" baglantisi UST hizada olsun; baslik iki satira
     sardiginda baglanti yukarida asili kalmasin. */
  /* Baslik blogunun dikey ortasi ile baglantinin ortasi hizalanir.
     Baslik tek satirsa h2'nin ortasiyla ayni hizada olur; iki satira
     sararsa blogun ortasinda kalir — iki durumda da dengeli gorunur. */
  .bolum-bas,.ps-bas{align-items:center;gap:10px;margin-bottom:14px}
  .bolum-bas > div,.ps-bas h2{min-width:0;flex:1}
  .bolum-bas h2,.ps-bas h2{font-size:clamp(1rem,4.2vw,1.2rem);line-height:1.35;margin:0}
  .bolum-bas .tumu,.ps-bas a{flex:none;align-self:center;white-space:nowrap;
    font-size:12.5px;padding:6px 12px}
  .bolum-bas .alt-yazi{font-size:12.8px;margin-top:2px}
}


/* ---------------- partiler sayfasi: secim suzgeci ---------------- */
.parti-suzgec{display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  margin:22px 0 26px;padding:5px;background:var(--gri-100);
  border:1px solid var(--gri-200);border-radius:14px;width:fit-content;max-width:100%}
.parti-suzgec a{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;
  border-radius:10px;background:transparent;font-size:13.4px;font-weight:700;
  color:var(--gri-500);transition:.16s;white-space:nowrap}
.parti-suzgec a:hover{background:#fff;color:var(--gri-900)}
.parti-suzgec a.etkin{background:var(--kirmizi);color:#fff;
  box-shadow:0 4px 12px -4px rgba(200,16,46,.7)}
@media (max-width:560px){
  .parti-suzgec a{flex:1 1 calc(50% - 4px);justify-content:center;padding:0 10px;font-size:12.6px}
}

/* Ozel secici: kaynak select devre disiyken */
.ozel-sec.kapali .os-dugme{opacity:.55;cursor:not-allowed;background:var(--gri-100)}
.konum-alan-tek .ozel-sec{width:100%}
.konum-alan-tek .os-dugme{height:46px}

.odeme-oge.kapali{cursor:not-allowed}
.odeme-oge.kapali .oo-govde{opacity:.55;background:var(--gri-100)}


/* Acilir menuler bolum sinirlarini asabilsin */
.konum-secici,.konum-kutu{position:relative;z-index:5}

/* Iki alanli form satiri: auto-fit ucuncu bir sutun acip bosluk
   birakmasin diye sutun sayisi sabitlenir. */
.alan-izgara.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){
  .alan-izgara.iki{grid-template-columns:1fr}
}


/* Mobil: manset listesi.
   ONCEKI HATA: burada overflow:visible verilmis ama 980px blogundaki
   flex-direction:row geri alinmamisti. 15 kutu yan yana kalip yatay
   kaydirma kapaninca satir ~2360px oluyor ve sayfa saga tasiyordu.
   COZUM: yatay kaydirma acik kalir; dikey parmak hareketi sayfaya
   gecer (touch-action + overscroll ekseni ayri ayarlanir). */
@media (max-width:860px){
  /* .manset{grid-template-columns:1fr} kaldirildi: yukaridaki
     (max-width:980px) blogunda ayni deger zaten veriliyor. */
  .manset-sag{position:static;min-height:0;max-width:100%}
  .manset-liste{
    position:static;inset:auto;max-width:100%;
    flex-direction:row;flex-wrap:nowrap;
    overflow-x:auto;overflow-y:hidden;
    max-height:none;padding:2px 0 8px;margin-top:12px;
    overscroll-behavior-x:contain;overscroll-behavior-y:auto;
    touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;-ms-overflow-style:none}
  .manset-liste::-webkit-scrollbar{display:none;width:0;height:0}
  .manset-liste .manset-oge{flex:none;scroll-snap-align:start}
}


/* ================== KRONOLOJI (zaman cizgisi) ================== */
.kron{list-style:none;margin:0;padding:0 0 0 34px;position:relative}
.kron::before{content:"";position:absolute;left:13px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(180deg,var(--kirmizi),var(--gri-200));border-radius:2px}

.kron-oge{position:relative;padding-bottom:14px}
.kron-oge:last-child{padding-bottom:0}

.kron-nokta{position:absolute;left:-34px;top:14px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;background:#fff;border:2px solid var(--gri-200);
  font-size:12px;font-weight:850;color:var(--gri-500);
  font-variant-numeric:tabular-nums;z-index:1}
.kron-simdi .kron-nokta{background:var(--kirmizi);border-color:transparent;color:#fff;
  box-shadow:0 0 0 4px rgba(200,16,46,.16)}

.kron-kart{background:#fff;border:1px solid var(--gri-200);border-radius:13px;
  padding:14px 16px;transition:.18s}
.kron-oge:hover .kron-kart{border-color:var(--gri-300);box-shadow:var(--golge-1);
  transform:translateX(2px)}
.kron-simdi .kron-kart{border-color:rgba(200,16,46,.35);background:rgba(200,16,46,.03)}

.kron-ust{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  flex-wrap:wrap;margin-bottom:7px}
.kron-ust b{font-size:15.5px;font-weight:750;color:var(--gri-900);line-height:1.3}
.kron-yil{font-size:12.8px;font-weight:750;color:var(--kirmizi);white-space:nowrap;
  font-variant-numeric:tabular-nums}

.kron-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.kron-meta > *{font-size:11.8px;font-weight:700;padding:3px 10px;border-radius:20px;
  background:var(--gri-100);color:var(--gri-600)}
.kron-parti{background:var(--gri-100);color:var(--gri-600)}
.kron-sonuc{background:rgba(21,112,239,.1);color:#1570ef}
.kron-sure{background:rgba(18,183,106,.1);color:#0a7f4a}

.kron-kart p{margin:0;font-size:13.2px;line-height:1.6;color:var(--gri-600)}
.kron-not{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--gri-500);
  padding:12px 14px;background:var(--gri-100);border-radius:11px}

/* Secim kronolojisi: numara yerine ikon oldugu icin nokta biraz genis */
.kron-secim .kron-nokta{font-size:13px}

/* Secim kronolojisi: ture gore renk */
.kr-genel  .kron-nokta{border-color:rgba(200,16,46,.4)}
.kr-yerel  .kron-nokta{border-color:rgba(21,112,239,.4)}
.kr-cb     .kron-nokta{border-color:rgba(124,58,237,.4)}
.kr-oylama .kron-nokta{border-color:rgba(18,183,106,.4)}

.kr-suzgec{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:5px;
  background:var(--gri-100);border:1px solid var(--gri-200);border-radius:14px;
  width:fit-content;max-width:100%}
.kr-suzgec button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;
  border:0;border-radius:10px;background:transparent;cursor:pointer;font:inherit;
  font-size:13.2px;font-weight:700;color:var(--gri-500);transition:.16s;white-space:nowrap}
.kr-suzgec button:hover{background:#fff;color:var(--gri-900)}
.kr-suzgec button.etkin{background:var(--kirmizi);color:#fff;
  box-shadow:0 4px 12px -4px rgba(200,16,46,.7)}

@media (max-width:560px){
  .kron{padding-left:28px}
  .kron::before{left:10px}
  .kron-nokta{left:-28px;width:22px;height:22px;font-size:10px}
  .kron-ust b{font-size:14.5px}
  .kr-suzgec{width:100%}
  .kr-suzgec button{flex:1 1 calc(50% - 3px);justify-content:center;padding:0 8px;font-size:12.4px}
}


/* ---------------- panel: gruplu anahtar ayarlar ---------------- */
.p-alt-baslik{margin:20px 0 10px;font-size:13px;font-weight:800;letter-spacing:.04em;
  color:var(--gri-500,#6b7a90);text-transform:uppercase;
  padding-bottom:7px;border-bottom:1px solid var(--gri-200,#e4e9f0)}
.p-alt-baslik:first-of-type{margin-top:8px}
.p-anahtar-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px}
.p-anahtar{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;
  border:1px solid var(--gri-200,#e4e9f0);border-radius:10px;background:#fff;
  cursor:pointer;transition:.15s}
.p-anahtar:hover{border-color:var(--gri-300,#cbd5e1)}
.p-anahtar input{width:18px;height:18px;flex:none;margin-top:1px;cursor:pointer;
  accent-color:#c8102e}
.p-anahtar-govde{min-width:0;display:flex;flex-direction:column;gap:2px}
.p-anahtar-govde b{font-size:13.4px;font-weight:650;color:var(--gri-900,#0f1b2d)}
.p-anahtar-govde small{font-size:12px;line-height:1.45;color:var(--gri-500,#6b7a90)}

/* =====================================================================
   PREMIUM UYELIK  (2026-09)
   ===================================================================== */

/* --- haber ust bilgi satirindaki mini begen / paylas --- */
.rozet-eylem{border:1px solid var(--gri-200);background:#fff;cursor:pointer;font:inherit;
  font-size:11.5px;font-weight:750;letter-spacing:.02em;color:var(--gri-700);
  padding:3px 10px;height:24px;line-height:1;transition:.16s}
.rozet-eylem:hover{transform:translateY(-1px)}
.rozet-eylem .bgn-ikon{font-size:12.5px}
.rozet-eylem .bgn-sayi{font-size:11px;font-weight:800;background:var(--gri-100);
  color:var(--gri-500);border-radius:20px;padding:1px 7px;min-width:auto}
.bgn-mini:hover{border-color:var(--kirmizi);color:var(--kirmizi)}
.bgn-mini.etkin{background:linear-gradient(135deg,var(--kirmizi),#e11d48);
  border-color:transparent;color:#fff}
.bgn-mini.etkin .bgn-sayi{background:rgba(255,255,255,.26);color:#fff}
.pay-mini:hover{border-color:var(--mavi);color:var(--mavi)}
.rozet-eylem[disabled]{opacity:.6;cursor:default}

/* --- aday sayfasi: kilitli telefon --- */
.pu-iletisim.kilitli{position:relative;background:rgba(255,255,255,.9);
  border:1px dashed rgba(127,86,217,.55)}
.pu-iletisim.kilitli .pi-ikon{background:rgba(127,86,217,.14);color:#6941c6}
.pu-iletisim.kilitli .pi-maske{letter-spacing:.06em;color:var(--gri-400);font-weight:700}
.pi-rozet{margin-left:auto;flex:none;font-size:10.5px;font-weight:850;letter-spacing:.06em;
  text-transform:uppercase;color:#6941c6;background:rgba(127,86,217,.13);
  padding:4px 9px;border-radius:var(--r-p)}
.pu-kilit-not{margin:8px 2px 0;font-size:12.4px;line-height:1.5;color:#c2d1e6}
.pu-kilit-not a{color:#d6bbfb;font-weight:750;white-space:nowrap}
.pu-kilit-not a:hover{text-decoration:underline}

/* --- premium sayfasi --- */
.prm-hero{background:linear-gradient(140deg,#2b1a52,#0b1b34 60%)}
.prm-etiket{display:inline-block;font-size:11.5px;font-weight:850;letter-spacing:.09em;
  text-transform:uppercase;color:#d6bbfb;background:rgba(127,86,217,.22);
  padding:5px 12px;border-radius:var(--r-p);margin-bottom:12px}
.prm-durum{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:linear-gradient(135deg,rgba(127,86,217,.1),rgba(21,112,239,.07));
  border:1px solid rgba(127,86,217,.28);border-radius:var(--r-l);padding:16px 18px;
  margin-bottom:22px}
.prm-durum-ikon{width:44px;height:44px;flex:none;display:grid;place-items:center;
  border-radius:14px;background:rgba(127,86,217,.16);color:#6941c6;font-size:20px}
.prm-durum-metin{min-width:0;flex:1 1 240px}
.prm-durum-metin b{display:block;font-size:15.5px;color:var(--gri-900)}
.prm-durum-metin small{display:block;font-size:13px;color:var(--gri-500);margin-top:2px}

/* --- uye panelindeki premium kutusu --- */
.prm-kutu{background:#fff;border:1px solid var(--gri-200);border-radius:var(--r-l);
  padding:16px 18px;margin:0 0 22px;box-shadow:var(--golge-1)}
.prm-kutu.etkin{border-color:rgba(127,86,217,.4);
  background:linear-gradient(135deg,rgba(127,86,217,.07),#fff 60%)}
.prm-kutu-ic{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.prm-kutu-ikon{width:44px;height:44px;flex:none;display:grid;place-items:center;
  border-radius:14px;background:rgba(127,86,217,.14);color:#6941c6;font-size:19px}
.prm-kutu-metin{min-width:0;flex:1 1 260px}
.prm-kutu-metin b{display:block;font-size:15.5px;color:var(--gri-900)}
.prm-kutu-metin small{display:block;font-size:13px;color:var(--gri-500);
  margin-top:3px;line-height:1.5}
.prm-gecmis{margin-top:14px;border-top:1px solid var(--gri-200);padding-top:12px}
.prm-gecmis summary{cursor:pointer;font-size:13.5px;font-weight:750;color:var(--gri-700)}
.prm-gecmis ul{list-style:none;margin:12px 0 0;padding:0;display:flex;
  flex-direction:column;gap:8px}
.prm-gecmis li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:13px;background:var(--gri-100);border-radius:var(--r-m);padding:9px 12px}
.prmg-ad{font-weight:750;color:var(--gri-900)}
.prmg-tutar{font-weight:800;font-variant-numeric:tabular-nums;color:var(--gri-700)}
.prmg-durum{font-size:11.5px;font-weight:800;padding:2px 9px;border-radius:var(--r-p);
  background:var(--gri-200);color:var(--gri-700)}
.prmg-durum.d-odendi{background:rgba(18,183,106,.14);color:#067647}
.prmg-durum.d-bekliyor{background:rgba(247,144,9,.16);color:#b54708}
.prmg-durum.d-basarisiz,.prmg-durum.d-iptal{background:rgba(200,16,46,.1);color:var(--kirmizi)}
.prm-gecmis time{font-size:12px;color:var(--gri-500);margin-left:auto}
.prm-gecmis li a{font-weight:750;color:var(--mavi);white-space:nowrap}

/* --- premium rozeti (profil basligi) --- */
.prm-rozet{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;
  font-size:11.5px;font-weight:850;letter-spacing:.05em;color:#fff;
  background:linear-gradient(135deg,#7f56d9,#9e77ed);
  padding:4px 11px;border-radius:var(--r-p);margin-left:8px;
  box-shadow:0 4px 12px -4px rgba(127,86,217,.7)}

@media (max-width:640px){
  .prm-durum,.prm-kutu-ic{align-items:flex-start}
  .prm-durum .dugme,.prm-kutu-ic .dugme{width:100%}
  .prm-gecmis time{margin-left:0}
  .pi-rozet{margin-left:0}
}
.uyek-prm{display:inline-block;margin-left:5px;font-size:12px;color:#7f56d9;vertical-align:1px}
.uyep-kimlik .prm-rozet{margin-left:6px}

/* =====================================================================
   ONAYLI UYE (premium) + SEKMELI PARTI SERIDI
   ===================================================================== */

:root{
  --onayli:#b4830a;
  --onayli-2:#f0b429;
  --onayli-zemin:#fffaf0;
  --onayli-kenar:#f4dfae;
}

/* ---------------- Onayli rozeti ---------------- */

.onayli-rozet{
  display:inline-flex;align-items:center;gap:4px;flex:none;
  padding:2px 8px 2px 5px;border-radius:var(--r-p);
  background:linear-gradient(135deg,#fff5dc,#fde7b0);
  border:1px solid var(--onayli-kenar);
  color:#8a6300;font-size:11px;font-weight:800;letter-spacing:.02em;
  line-height:1.5;white-space:nowrap;vertical-align:middle}
.onayli-rozet svg{width:13px;height:13px;flex:none}
.onayli-rozet svg path:first-child{fill:var(--onayli-2)}
.onayli-rozet b{font-weight:800}
.onayli-rozet.kucuk{padding:1px 6px 1px 4px;font-size:10px;gap:3px}
.onayli-rozet.kucuk svg{width:11px;height:11px}
.onayli-rozet.kucuk b{display:none}
.onayli-rozet.kucuk::after{content:"Onaylı"}

/* ---------------- Onayli yorum karti ---------------- */

.yorum-kart.onayli{
  position:relative;
  background:linear-gradient(180deg,var(--onayli-zemin),#fff);
  border:1px solid var(--onayli-kenar);
  border-radius:var(--r-m);
  padding:15px 16px;margin-bottom:12px;
  box-shadow:0 1px 2px rgba(180,131,10,.08)}
.yorum-kart.onayli::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;
  border-radius:var(--r-m) 0 0 var(--r-m);
  background:linear-gradient(180deg,var(--onayli-2),var(--onayli))}
.yorum-kart.onayli .yb{padding-right:2px}
.yorum-kart.onayli .yorum-bas{
  background:linear-gradient(140deg,#fde7b0,#f7d488);color:#7a5600}

/* Rozet satirin sagina yaslansin */
.yorum-kart .yb{position:relative}
.yorum-kart .yb .onayli-rozet{margin-left:auto}

.yorum-kart .yb b a{color:inherit}
.yorum-kart .yb b a:hover{color:var(--kirmizi)}

.yorum-bas.foto{overflow:hidden;background:var(--gri-100)}
.yorum-bas.foto img{width:100%;height:100%;object-fit:cover;display:block}
.yorum-cevaplar .yorum-bas.foto{width:32px;height:32px}

.yorum-cevaplar .yorum-kart.onayli{padding:12px 13px;margin-bottom:10px}

/* ---------------- Yorum formunda kimlik satiri ---------------- */

.yf-kimlik{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 12px;margin-bottom:14px;
  background:var(--gri-100);border-radius:var(--r-m)}
.yf-kimlik img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.yf-kimlik .yorum-bas{width:36px;height:36px;font-size:13px}
.yf-kimlik-metin{display:flex;flex-direction:column;min-width:0;flex:1}
.yf-kimlik-metin b{font-size:14px;font-weight:750;color:var(--gri-900)}
.yf-kimlik-metin small{font-size:12px;color:var(--gri-500)}

/* ---------------- Mesajlasmada onayli ---------------- */

.msj-kisi-metin b{display:inline-flex;align-items:center;gap:5px;min-width:0}
.msj-kisi-bilgi b{display:inline-flex;align-items:center;gap:6px}
.msj-balon.onayli:not(.benim){
  background:var(--onayli-zemin);
  border:1px solid var(--onayli-kenar)}

/* ---------------- Sekmeli parti serit blogu ---------------- */

.parti-blok{margin:22px 0 6px}
.parti-blok .ps-bas{margin-bottom:10px}
.parti-blok .parti-serit{margin:0}

.pb-sekme{
  display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;
  background:var(--gri-100);border-radius:var(--r-p);
  max-width:100%;overflow-x:auto;scrollbar-width:none}
.pb-sekme::-webkit-scrollbar{display:none}

.pbs-tus{
  appearance:none;border:0;cursor:pointer;white-space:nowrap;
  padding:8px 16px;border-radius:var(--r-p);
  background:transparent;color:var(--gri-500);
  font-size:13.5px;font-weight:750;font-family:inherit;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.pbs-tus:hover{color:var(--gri-900)}
.pbs-tus.etkin{
  background:var(--kart);color:var(--kirmizi);
  box-shadow:var(--golge-1)}
.pbs-tus:focus-visible{outline:2px solid var(--kirmizi);outline-offset:2px}
.pbs-tus span{margin-right:2px}

.pb-panel[hidden]{display:none}

@media (max-width:560px){
  .pbs-tus{padding:7px 13px;font-size:12.5px}
  .yorum-kart.onayli{padding:13px}
  .onayli-rozet{font-size:10.5px;padding:2px 7px 2px 4px}
}




/* =====================================================================
   ADAY PROFILI — SOSYAL EYLEMLER ve YAN SUTUN HIZASI   (TEK KAYNAK)

   Dosyanin en sonundadir; yukaridaki eski .pu-eylem tanimlarini bilerek
   ezer. Eski tanimlar baska sayfalarda kullaniliyor olabilir diye
   silinmedi.

   TASARIM: yan sutundaki diger kutularla (oy, tanitim) ayni koyu cam
   gorunumu. Ustte ortalanmis baslik, altinda uc sutun: yuvarlak ikon
   rozeti, kalin etiket, altinda sayi.

   TASMA: sayi kendi satirinda, tek satirda ve tabular rakamla yazilir.
   250px'lik sutunda sutun basina ~83px duser; 1.000.000 bu boyutta
   ~52px tutar, rahatca sigar. Yine de sigmayan bir durumda tasmaz,
   ucu kirpilir.
   ===================================================================== */

.pu-sosyal{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.15);border-radius:var(--r-l);
  padding:15px 6px 14px;backdrop-filter:blur(6px);
}

/* ---- ustteki baslik: iki yanindan cizgi gecen ortalanmis yazi ---- */
.ps-baslik{display:flex;align-items:center;gap:10px;padding:0 10px;margin-bottom:14px}
.ps-baslik::before,
.ps-baslik::after{content:"";flex:1 1 auto;height:1px;background:rgba(255,255,255,.18)}
.ps-baslik span{flex:0 1 auto;min-width:0;font-size:13.5px;font-weight:800;color:#fff;
  text-align:center;line-height:1.25;overflow-wrap:anywhere}

/* ---- uc sutun ---- */
.ps-tuslar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  gap:0;margin:0}
.ps-tus{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:7px;min-width:0;padding:2px 4px;
  border:0;border-right:1px solid rgba(255,255,255,.13);border-radius:0;
  background:none;color:#fff;font:inherit;cursor:pointer;
  transition:transform .18s}
.ps-tus:last-child{border-right:0}
.ps-tus:hover{transform:translateY(-2px)}
.ps-tus:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:10px}
.ps-tus[disabled]{opacity:.55;cursor:default;transform:none}
/* Uye degilken takipci sutunu dugme degil, bilgi */
.ps-durgun{cursor:default}
.ps-durgun:hover{transform:none}

/* yuvarlak ikon rozeti */
.ps-yuvarlak{width:46px;height:46px;flex:none;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.09);
  transition:background .18s,transform .3s cubic-bezier(.34,1.4,.64,1)}
.ps-tus:hover .ps-yuvarlak{background:rgba(255,255,255,.16);transform:scale(1.06)}
.ps-yuvarlak .bgn-ikon,
.ps-yuvarlak .tkp-ikon,
.ps-yuvarlak .pay-ikon{font-size:21px;line-height:1}
.ps-yuvarlak .bgn-ikon{color:#ef4444}
.ps-yuvarlak .tkp-ikon{color:#f5a524}
.ps-yuvarlak .pay-ikon{color:#60a5fa}

/* etiket */
.ps-tus .bgn-metin,
.ps-tus .tkp-metin,
.ps-tus .pu-pay-metin{max-width:100%;min-width:0;font-size:13px;font-weight:800;
  color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* sayi */
.ps-tus .bgn-sayi,
.ps-tus .tkp-sayi{max-width:100%;min-width:0;margin:-2px 0 0;padding:0;
  background:none;border-radius:0;
  font-size:13px;font-weight:700;color:#a9bdd9;line-height:1.2;
  font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Paylas sutununda sayac yok; hizayi korumak icin kisa bir not durur */
.ps-alt-not{max-width:100%;min-width:0;margin:-2px 0 0;font-size:11.5px;
  font-weight:600;color:#8ea6c6;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* etkin durumlar */
.ps-tus.pu-bgn.etkin .ps-yuvarlak{background:rgba(239,68,68,.22)}
.ps-tus.pu-bgn.etkin .bgn-ikon{animation:bgn-vur .5s cubic-bezier(.34,1.5,.64,1)}
.ps-tus.pu-takip.etkin .ps-yuvarlak{background:rgba(245,165,36,.24)}
.ps-tus.pu-bgn::before{content:none}   /* eski gradyan katmani kapatilir */

.pu-sosyal .bgn-uyari{display:block;margin-top:10px;padding:8px 12px;
  font-size:12.5px;color:#ffc0c8;background:rgba(200,16,46,.18);
  border-radius:9px;line-height:1.45}


/* ---------------------------------------------------------------------
   YAN SUTUN: UST HIZA

   .profil-ust-ic "align-items:center" ile dikey ORTALIYORDU. Sol sutun
   uzadikca sag sutun asagi kayiyor, oy kutusu fotografin ust hizasinda
   baslamiyordu. "start" ile iki sutun da ayni yerden baslar.
   --------------------------------------------------------------------- */
.profil-ust-ic{align-items:start}

/* Govde bolumunde: sol sutunun ilk blogu .pk-blok margin:22px 0 tasir,
   yan sutunda karsiligi yoktu; konum kutusu 22px yukarida basliyor ve
   koyu baslik seridine yapisik duruyordu. */
.profil-sayfa .duzen > .yan{margin-top:22px}

@media (max-width:1080px){
  .profil-sayfa .duzen > .yan{margin-top:0}
}

@media (max-width:400px){
  .ps-yuvarlak{width:42px;height:42px}
  .ps-yuvarlak .bgn-ikon,
  .ps-yuvarlak .tkp-ikon,
  .ps-yuvarlak .pay-ikon{font-size:19px}
  .ps-tus .bgn-metin,
  .ps-tus .tkp-metin,
  .ps-tus .pu-pay-metin{font-size:12px}
  .ps-tus .bgn-sayi,
  .ps-tus .tkp-sayi{font-size:12px}
  .ps-alt-not{font-size:11px}
  .ps-baslik span{font-size:12.5px}
}


/* =====================================================================
   ADAY PROFILI — UST BOLUM (2026-09 duzenlemesi)

   Bu blok dosyanin SONUNDA durur; yukaridaki eski kurallari ezer.
   Cozulen sorunlar:
     1) Fotograf yan sutunun boyuna gore asagi/yukari kayiyordu.
     2) Begen / Takip / Paylas sutunlari farkli yukseklikte oldugu icin
        yazilar birbirinin uzerine biniyordu.
     3) Oy cubugu Turkiye geneli yuzdesiyle doldugu icin hep bos duruyordu.
     4) Mobilde isik efekti sag ust kosede kaliyordu.
     5) Iletisim butonu beyazdi ve yan sutunun en altindaydi.
   ===================================================================== */

/* ---- 1) UST DUZEN --------------------------------------------------
   Fotograf ve bilgi ayni satirda; yan sutun iki satiri birden kaplar.
   Boylece satir yuksekligini BILGI blogu belirler ve fotograf onun
   dikey ortasina oturur; yan sutun uzasa bile fotograf kaymaz. */
.profil-ust-ic{
  grid-template-columns:auto minmax(0,1fr) minmax(250px,300px);
  grid-template-rows:auto 1fr;
  column-gap:32px;row-gap:22px;align-items:start}
/* Sol sutun satiri kaplar; fotograf ustte, iletisim kutusu altta durur.
   Boylece fotografin ust kenari parti rozetleriyle, iletisim kutusunun
   alt kenari da istatistik kutulariyla ayni hizaya oturur. */
.profil-ust-ic > .pu-sol  {grid-column:1;grid-row:1;align-self:stretch;
  align-content:space-between}
/* Bilgi sutunu satiri kaplar ve istatistik kutulari en alta yaslanir.
   Sol sutun (fotograf + iletisim) genelde daha uzun oldugu icin eskiden
   kutularin alt kenari iletisim kutusundan ~16px yukarida kaliyordu.
   margin-top:auto bosluğu yukari toplar, iki sutunun alt kenari esitlenir.
   Bilgi sutunu daha uzunsa kural etkisizdir, duzen degismez. */
.profil-ust-ic > .pu-bilgi{grid-column:2;grid-row:1;min-width:0;
  align-self:stretch;display:flex;flex-direction:column}
.profil-ust-ic > .pu-bilgi > .pu-kartlar{margin-top:auto}
.profil-ust-ic > .pu-yan  {grid-column:3;grid-row:1 / span 2}

/* ---- 2) FOTOGRAF (onceki olcunun ~%24 buyugu) ---- */
.pu-sol{display:grid;gap:10px;justify-items:center;width:186px;flex:none;min-width:0}
/* z-index:1 -> fotograf ve arkasindaki isik EN ALT katmanda.
   .pu-foto daha once konumlu ama z-index'siz oldugu icin ::before
   katmani ust izgaraya sizip kendisinden sonra gelen ad, etiket ve
   butonlarin UZERINE biniyordu. Katman numarasi verilince isik artik
   hepsinin altinda kalir. Isigin olcusune dokunulmadi. */
.pu-foto{position:relative;width:186px;flex:none;z-index:1}
.pu-foto img,.pu-bas{width:186px;height:236px;border-radius:20px}
.pu-foto img{object-fit:cover;object-position:center top}
.pu-bas{font-size:56px}
.pu-onay{right:-7px;bottom:14px}

/* Fotografin arkasindaki isik: yumusak, ortalanmis */
/* NOT: z-index:-1 kullanilmiyor. Bazi tarayicilarda isik, saran koyu
   katmanin ARKASINA dusup tamamen kayboluyordu. Isik 0 katmaninda
   durur, fotograf ve onay rozeti 1'e kaldirilir. Fotograf isigin
   merkezini kapattigi icin cap fotograftan cok daha buyuk secildi;
   aksi halde geriye ince ve gorunmez bir halka kaliyordu. */
.pu-foto::before{content:"";position:absolute;z-index:0;pointer-events:none;
  left:50%;top:50%;width:360px;height:360px;transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,
    color-mix(in srgb,var(--parti-renk) 40%,transparent) 0%,
    color-mix(in srgb,var(--parti-renk) 20%,transparent) 42%,
    transparent 70%)}
.profil-sayfa.one-cikan .pu-foto::before{
  background:radial-gradient(circle,
    color-mix(in srgb,var(--rozet-renk) 46%,transparent) 0%,
    color-mix(in srgb,var(--rozet-renk) 24%,transparent) 42%,
    transparent 70%)}
.pu-foto img,.pu-bas{position:relative;z-index:1}
.pu-onay{z-index:2}

/* ---- KATMAN SIRASI --------------------------------------------------
   Isik fotograftan disari tasabilir, gorunumu zaten boyle guzel.
   Tasidigi yerde HICBIR SEYIN ustune cikmamasi icin katmanlar acikca
   numaralandi:
       1. katman -> fotograf kutusu (ve icindeki isik)
       2. katman -> ad, parti etiketi, yer bilgisi, sayac kartlari,
                    oy kutusu, iletisim dugmesi, tanitim ve sosyal
   Boylece isik her zaman metnin ve dugmelerin ALTINDA kalir.

   Mobilde .pu-sol ve .pu-bilgi "display:contents" ile cozuldugu icin
   yalnizca ust kutulara katman vermek yetmez; cocuklari da tek tek
   ayni katmana alinir. */
.profil-ust-ic > *,
.profil-ust-ic > .pu-sol > *,
.profil-ust-ic > .pu-bilgi > *,
.profil-ust-ic > .pu-yan > *{position:relative;z-index:2}
.profil-sayfa .profil-ust-ic .pu-foto{z-index:1}

/* ---- 3) OY CUBUGU --------------------------------------------------
   Doluluk artik yaris LIDERINE gore. Gercek oy orani cubugun altinda
   ayri bir satirda yazar; ikisi karistirilmasin. */
.pu-oy-cubuk{height:10px;border-radius:6px;margin-bottom:9px;
  background:rgba(255,255,255,.14)}
.pu-oy-cubuk i{border-radius:6px;
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--parti-renk) 55%,#fff),var(--parti-renk));
  box-shadow:0 0 14px -3px var(--parti-renk)}
/* IKI KATLI OLCEK SATIRI
   Ustte sayi (asla kirpilmaz, asla bolunmez), altinda yer bilgisi
   (gerekirse uc noktayla kisalir). Kutu daralinca iki blok alt alta
   gecer; boylece "Kahramanmaraş · 40.000 aday · 39.000. sırada" gibi
   uzun bir metin de tasmaz. */
.pu-oy-olcek{display:flex;flex-wrap:wrap;justify-content:space-between;
  align-items:flex-start;gap:8px 12px;margin:0 0 14px;
  font-size:12.2px;line-height:1.3;color:#a2b6d2}
.pu-oy-olcek .poy-o{min-width:0;max-width:100%;display:flex;
  flex-direction:column;gap:2px}
.pu-oy-olcek .poy-sag{align-items:flex-end;text-align:right}
.pu-oy-olcek b{color:#fff;font-weight:850;font-variant-numeric:tabular-nums;
  white-space:nowrap}
.pu-oy-olcek i{font-style:normal;font-size:11.2px;color:#8ea5c4;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- 4a) ESKI EYLEM SATIRI ARTIKLARININ TEMIZLIGI ------------------
   ".pu-eylem" sinifi HTML'den kaldirildi, ama .pu-bgn / .pu-takip /
   .pu-pay / .pu-pay-metin sinif adlari JS ve durum stilleri icin
   duruyor. Bu adlara bagli ESKI kurallar (kutu gorunumu, order ile
   siralama) burada kesin olarak sifirlanir. Secicilerin hepsi .ps-tus
   ile baslar; boylece haber sayfasindaki begeni dugmesi etkilenmez.
   -------------------------------------------------------------------- */
.ps-tus.pu-bgn,
.ps-tus.pu-takip,
.ps-tus.pu-pay{background:none;box-shadow:none;color:#fff;
  min-height:0;border-radius:0;overflow:visible}
.ps-tus.pu-bgn:hover,
.ps-tus.pu-takip:hover,
.ps-tus.pu-pay:hover{background:none;box-shadow:none;color:#fff}
.ps-tus.pu-bgn.etkin{background:none;box-shadow:none}
.ps-tus.pu-takip.etkin{background:none;box-shadow:none;color:#fff}
.ps-tus.pu-bgn::before,
.ps-tus.pu-takip::before,
.ps-tus.pu-pay::before{content:none}
/* Satir sirasi: ikon -> etiket -> deger */
.ps-tus > .ps-yuvarlak{order:0;flex:none;font-size:inherit}
.ps-tus > .ps-ad{order:1;flex:none}
.ps-tus > .ps-deger{order:2;flex:none}

/* ---- 4) BEGEN / TAKIP / PAYLAS ------------------------------------
   Uc esit sutun. Her sutunda ikon, etiket ve deger SABIT yukseklikte
   satirlardir; icerik uzun olsa bile satir yuksekligi degismez, bu
   yuzden sutunlar birbirine gore kaymaz. */
.pu-sosyal{padding:14px 6px 13px}
.ps-baslik{display:none}
.ps-tuslar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}
.ps-tus{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:8px;min-width:0;padding:2px 3px;
  border:0;border-right:1px solid rgba(255,255,255,.12);border-radius:0;
  background:none;color:#fff;font:inherit;cursor:pointer;
  transition:transform .18s}
.ps-tus:last-child{border-right:0}
.ps-yuvarlak{width:48px;height:48px}
.ps-yuvarlak .bgn-ikon,
.ps-yuvarlak .tkp-ikon,
.ps-yuvarlak .pay-ikon{font-size:22px}
.ps-tus .ps-ad{display:block;width:100%;height:17px;line-height:17px;margin:0;
  font-size:12.8px;font-weight:800;color:#fff;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-tus .ps-deger{display:block;width:100%;height:16px;line-height:16px;margin:0;padding:0;
  background:none;border-radius:0;
  font-size:12.4px;font-weight:700;color:#9fb4d2;text-align:center;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-tus .ps-bos{color:#7e97ba;font-weight:600}
.ps-alt-not{display:none}

/* ---- 5) ILETISIM BUTONU (fotografin altinda, koyu ton) ---- */
.pu-ilt{display:grid;gap:8px;width:100%;min-width:0}
.pu-ilt-tus{display:flex;align-items:center;gap:10px;width:100%;min-width:0;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.2);border-radius:14px;
  padding:10px 11px;color:#fff;font:inherit;text-align:left;cursor:pointer;
  transition:background .16s,border-color .16s,transform .16s}
.pu-ilt-tus:hover{background:rgba(255,255,255,.17);
  border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
.pu-ilt-tus:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pu-ilt-tus .pi-ikon{width:34px;height:34px;border-radius:10px;flex:none;
  display:grid;place-items:center;font-size:16px;
  background:rgba(18,183,106,.22);color:#6ce9a6}
.pu-ilt-tus.kilitli .pi-ikon{background:rgba(127,86,217,.28);color:#d6bbfb}
.pi-metin{min-width:0;overflow:hidden}
.pi-metin b{display:block;font-size:14px;font-weight:800;color:#fff;line-height:1.25}
.pi-metin small{display:block;font-size:12.2px;color:#a2b6d2;line-height:1.3;
  font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pi-ok,.pi-kilit{margin-left:auto;flex:none;font-size:19px;color:#8ea6c6;line-height:1}
/* Tiklaninca AYRI kutu acilmaz: kutunun kendi icerigi uyariya doner.
   min-height sabit oldugu icin kutu boyu degismez, sayfa ziplamaz. */
.pu-ilt-tus{min-height:58px}
.pi-uyari{display:none;min-width:0;font-size:12.6px;font-weight:650;
  line-height:1.45;color:#fff}
.pi-uyari b{color:#fdb022;font-weight:850;white-space:nowrap}
.pu-ilt-tus.uyarida{background:rgba(253,176,34,.13);
  border-color:rgba(253,176,34,.45)}
.pu-ilt-tus.uyarida .pi-ikon{background:rgba(253,176,34,.22);color:#fdb022}
.pu-ilt-tus.uyarida .pi-metin,
.pu-ilt-tus.uyarida .pi-ok{display:none}
.pu-ilt-tus.uyarida .pi-uyari{display:block}

/* Paylas ikonu: duz ok yerine "ileri gonder" oku (SVG) */
.ps-yuvarlak .pay-ikon{display:grid;place-items:center;color:#60a5fa}
.ps-yuvarlak .pay-ikon svg{display:block;width:22px;height:22px}
.pu-ilt-not{margin:0;padding:9px 11px;font-size:12.3px;line-height:1.55;color:#c8d6ea;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);
  border-radius:12px}
.pu-ilt-not[hidden]{display:none}
.pu-ilt-not a{color:#fdb022;font-weight:800;white-space:nowrap}
.pu-ilt-not a:hover{text-decoration:underline}

/* ---- 6) ARA GENISLIK (tablet / kucuk dizustu) ---- */
@media (max-width:1080px){
  .profil-ust-ic{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto}
  .profil-ust-ic > .pu-sol  {grid-column:1;grid-row:1}
  .profil-ust-ic > .pu-bilgi{grid-column:2;grid-row:1}
  /* auto-fit 1013px'te UC sutun uretiyordu: oy kutusu tum satiri
     kapliyor, altta kalan iki kutu ise iki sutuna sigip ucuncu sutunu
     bos birakiyordu. Sutun sayisi artik sabit iki; alttaki kutular
     satiri tam doldurur. */
  .profil-ust-ic > .pu-yan  {grid-column:1 / -1;grid-row:2;width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}
  .pu-yan > .pu-oy{grid-column:1 / -1}
  /* Aday zaten one cikarilmissa "one cikarin" kutusu basilmaz; geriye
     kalan tek kutu yarim kalmasin diye tum satiri kaplar. */
  .pu-yan > *:nth-child(2):last-child{grid-column:1 / -1}
}

/* ---- 7) MOBIL ---- */
@media (max-width:640px){
  .profil-ust-ic{grid-template-columns:1fr;grid-template-rows:auto auto auto;
    justify-items:center;text-align:center;row-gap:18px}
  .profil-ust-ic > .pu-sol  {grid-column:1;grid-row:1;align-self:start;
    width:100%;max-width:320px}
  .profil-ust-ic > .pu-bilgi{grid-column:1;grid-row:2;width:100%}
  .profil-ust-ic > .pu-yan  {grid-column:1;grid-row:3;width:100%;
    grid-template-columns:minmax(0,1fr)}

  /* Sag ust kosedeki ikinci isik zaten kaldirildi; bu kural eski
     surumlerden kalan bir izi de kapatir. */
  .profil-ust::after{display:none}
  .pu-foto::before{width:430px;height:430px;
    background:radial-gradient(circle,
      color-mix(in srgb,var(--parti-renk) 46%,transparent) 0%,
      color-mix(in srgb,var(--parti-renk) 24%,transparent) 38%,
      transparent 68%)}
  .profil-sayfa.one-cikan .pu-foto::before{
    background:radial-gradient(circle,
      color-mix(in srgb,var(--rozet-renk) 52%,transparent) 0%,
      color-mix(in srgb,var(--rozet-renk) 28%,transparent) 38%,
      transparent 68%)}

  .pu-foto,.pu-foto img,.pu-bas{width:146px}
  .pu-foto img,.pu-bas{height:185px;border-radius:17px}
  .pu-bas{font-size:44px}
  .pu-onay{width:29px;height:29px;font-size:15px;right:-5px;bottom:10px}
}

@media (max-width:400px){
  .ps-yuvarlak{width:44px;height:44px}
  .ps-yuvarlak .bgn-ikon,
  .ps-yuvarlak .tkp-ikon,
  .ps-yuvarlak .pay-ikon{font-size:20px}
  .ps-yuvarlak .pay-ikon svg{width:20px;height:20px}
  .ps-tus .ps-ad{font-size:12px}
  .ps-tus .ps-deger{font-size:11.8px}
  .pu-oy-olcek{font-size:11.6px}
}

/* Hareketi azalt tercihi */
@media (prefers-reduced-motion:reduce){
  .pu-oy-cubuk i{transition:none}
  .ps-tus:hover,.pu-ilt-tus:hover{transform:none}
}

/* =====================================================================
   2026-09-10 EKLERI
   1) Mobilde profil sirasi: oy kutusu ILETISIM'in ustune alindi
   2) Oy cubugu basligi (parti ici pay)
   3) Iki asamali form + tanitim paketi secimi
   ===================================================================== */

/* ---- 2) OY CUBUGU BASLIGI -------------------------------------------
   Cubugun ne olcugu hemen ustunde yazar. Dolgu ile sayi ayni degerdir,
   bu yuzden "%4 yaziyor ama cubuk dolu" karmasasi olusmaz. */
.pu-oy-baslik{display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;margin:0 0 7px;font-size:12.4px;line-height:1.3;color:#a2b6d2}
.pu-oy-baslik .poy-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pu-oy-baslik .poy-deger{flex:none;color:#fff;font-weight:850;font-size:15px;
  font-variant-numeric:tabular-nums}
/* Bu satir da kirpilmiyor: "40.000 aday · 39.000. sırada" gibi uzun
   bir metin gerektiginde ikinci satira gecer. */
.pu-oy-alt{margin:0 0 12px;font-size:11.8px;line-height:1.35;color:#8ea6c6;
  white-space:normal;overflow-wrap:anywhere}
.pu-oy-cubuk{margin-bottom:7px}

/* ---- 1) MOBIL SIRALAMA ----------------------------------------------
   Sol sutun (fotograf + iletisim) ve yan sutun (oy + tanitim + sosyal)
   mobilde "display:contents" ile cozulur; boylece ikisinin cocuklari
   ayni izgaraya girer ve "order" ile serbestce siralanabilir.
   Yeni sira: fotograf -> bilgi -> OY VER -> ILETISIM -> tanitim -> sosyal */
@media (max-width:640px){
  .profil-ust-ic{grid-template-columns:minmax(0,1fr);grid-template-rows:none;
    grid-auto-rows:auto;row-gap:14px}

  .profil-ust-ic > .pu-sol,
  .profil-ust-ic > .pu-yan{display:contents}

  /* Onceki blokta verilen sabit satir/sutun yerlesimleri sifirlanir,
     aksi halde "order" devre disi kalirdi.

     Istenen mobil sira:
       foto → parti/ad → yer bilgisi → OY VER → ILETISIM → sayac kartlari
     Bunun icin .pu-bilgi de acilir; boylece "pu-kartlar" ile oy ve
     iletisim kutulari ayni izgarada siralanabilir. */
  .profil-ust-ic > .pu-bilgi{display:contents}

  .profil-ust-ic > .pu-sol > .pu-foto{order:1;justify-self:center}

  .profil-ust-ic > .pu-bilgi > .pu-etiket{order:2;width:100%;justify-content:center}
  .profil-ust-ic > .pu-bilgi > h1,
  .profil-ust-ic > .pu-bilgi > .pu-ad{order:2;width:100%}
  .profil-ust-ic > .pu-bilgi > .pu-yer{order:3;width:100%;justify-content:center;margin-bottom:0}

  .profil-ust-ic > .pu-yan > .pu-oy{order:4;grid-column:auto;grid-row:auto;width:100%}
  .profil-ust-ic > .pu-sol > .pu-ilt{order:5;width:100%;max-width:340px;justify-self:center}

  .profil-ust-ic > .pu-bilgi > .pu-kartlar{order:6;width:100%;margin-top:0}

  .profil-ust-ic > .pu-yan > .pu-tanitim{order:7;grid-column:auto;grid-row:auto;width:100%}
  .profil-ust-ic > .pu-yan > .pu-sosyal{order:8;grid-column:auto;grid-row:auto;width:100%}
}

/* ---- 3) IKI ASAMALI FORM: ADIM CUBUGU ---- */
.tan-adimlar{display:flex;align-items:center;gap:10px;margin:0 0 18px;
  padding:0;list-style:none;flex-wrap:wrap}
.tan-adimlar li{display:flex;align-items:center;gap:9px;min-width:0;
  font-size:13.5px;font-weight:700;color:var(--gri-500,#667085)}
.tan-adimlar li .ta-no{width:26px;height:26px;flex:none;border-radius:50%;
  display:grid;place-items:center;font-size:13px;font-weight:800;
  background:rgba(200,16,46,.10);color:#c8102e}
.tan-adimlar li.etkin{color:#101828}
.tan-adimlar li.etkin .ta-no{background:#c8102e;color:#fff}
.tan-adimlar li.tamam .ta-no{background:#12b76a;color:#fff}
.tan-adimlar .ta-ayrac{flex:1;min-width:22px;height:2px;border-radius:2px;
  background:rgba(16,24,40,.12)}

/* ---- 3) TANITIM PAKETLERI ---- */
.tan-bas{margin:0 0 6px;font-size:1.25rem;font-weight:850;color:#101828}
.tan-alt{margin:0 0 18px;font-size:14px;line-height:1.6;color:var(--gri-500,#667085)}

.tan-bolgeler{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.tan-bolge-tus{display:flex;align-items:center;gap:8px;padding:9px 13px;
  border:1px solid rgba(16,24,40,.14);border-radius:12px;background:#fff;
  font:inherit;font-size:13.5px;font-weight:700;color:#344054;cursor:pointer;
  transition:border-color .16s,background .16s,color .16s}
.tan-bolge-tus:hover{border-color:rgba(200,16,46,.45)}
.tan-bolge-tus.etkin{background:#c8102e;border-color:#c8102e;color:#fff}
.tan-bolge-tus .tb-ikon{font-size:15px;line-height:1}

.tan-bolge-panel{display:none}
.tan-bolge-panel.etkin{display:block}
.tan-bolge-not{margin:0 0 14px;font-size:13.2px;color:var(--gri-500,#667085)}

.tan-paketler{display:grid;gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0 0 8px}
.tan-paket{position:relative;display:block;margin:0}
.tan-paket input{position:absolute;opacity:0;width:0;height:0}
.tan-paket .tp-govde{display:flex;flex-direction:column;gap:6px;height:100%;
  padding:16px 16px 18px;border:2px solid rgba(16,24,40,.12);border-radius:16px;
  background:#fff;cursor:pointer;
  transition:border-color .16s,box-shadow .16s,transform .16s}
.tan-paket .tp-govde:hover{transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--paket-renk,#c8102e) 55%,transparent);
  box-shadow:0 10px 26px -18px rgba(16,24,40,.55)}
.tan-paket input:checked + .tp-govde{border-color:var(--paket-renk,#c8102e);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--paket-renk,#c8102e) 14%,transparent)}
.tan-paket input:focus-visible + .tp-govde{outline:2px solid #101828;outline-offset:2px}
.tan-paket .tp-sure{font-size:12.4px;font-weight:800;letter-spacing:.02em;
  text-transform:uppercase;color:var(--paket-renk,#c8102e)}
.tan-paket .tp-ad{font-size:15px;font-weight:800;color:#101828;line-height:1.35}
.tan-paket .tp-fiyat{display:flex;align-items:baseline;gap:4px;margin-top:4px}
.tan-paket .tp-fiyat b{font-size:26px;font-weight:850;color:#101828;
  font-variant-numeric:tabular-nums;line-height:1}
.tan-paket .tp-fiyat span{font-size:15px;font-weight:700;color:var(--gri-500,#667085)}
.tan-paket .tp-not{font-size:12.6px;line-height:1.5;color:var(--gri-500,#667085)}
.tan-paket .tp-sec{margin-top:auto;padding-top:10px;font-size:12.8px;
  font-weight:800;color:var(--paket-renk,#c8102e)}
.tan-paket input:checked + .tp-govde .tp-sec::before{content:"✓ "}

.tan-il{max-width:320px;margin:0 0 16px}
.tan-gec{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:700;
  color:var(--gri-500,#667085);text-decoration:underline}
.tan-gec:hover{color:#101828}

/* Odendi / basari kutusu */
.tan-tamam{text-align:center;padding:26px 20px}
.tan-tamam .tt-ikon{display:inline-grid;place-items:center;width:56px;height:56px;
  border-radius:50%;background:rgba(18,183,106,.14);color:#12b76a;
  font-size:26px;margin-bottom:12px}
.tan-tamam h1{margin:0 0 8px;font-size:1.4rem}
.tan-tamam p{margin:0 auto 14px;max-width:520px;font-size:14.5px;line-height:1.65;
  color:var(--gri-500,#667085)}
.tan-tamam .tt-dugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tan-tamam .tt-not{margin-top:14px;font-size:12.5px;color:var(--gri-500,#667085)}

@media (max-width:640px){
  .tan-paketler{grid-template-columns:minmax(0,1fr)}
  .tan-adimlar li{font-size:12.8px}
}

/* ---------------- girisli uye kutusu (aday/haber ekleme) ----------------
   Giris yapmis kullanicidan ad, e-posta ve telefon tekrar istenmez;
   hesaptaki bilgiler ozet olarak gosterilir. */
.girisli-kutu{
  display:flex;align-items:center;gap:13px;
  padding:15px 17px;border:1px solid rgba(18,183,106,.3);
  border-radius:var(--r-m);background:rgba(18,183,106,.05);
}
.gk-ikon{
  width:36px;height:36px;flex:none;border-radius:50%;display:grid;
  place-items:center;background:var(--yesil,#12b76a);color:#fff;
  font-size:16px;font-weight:800;
}
.gk-metin{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.gk-metin b{font-size:14.4px;font-weight:700;color:var(--gri-900)}
.gk-metin small{font-size:12.6px;color:var(--gri-500);line-height:1.45;
  overflow:hidden;text-overflow:ellipsis}
.gk-bag{
  flex:none;font-size:12.8px;font-weight:700;color:var(--kirmizi);
  padding:6px 12px;border-radius:20px;border:1px solid rgba(200,16,46,.25);
  transition:.15s;
}
.gk-bag:hover{background:var(--kirmizi);border-color:transparent;color:#fff}

/* ---------------- form izgarasi: sutun sayisi sabit ----------------
   auto-fit genis ekranda uc-dort sutun acip alanlari daraltiyor ve
   satirlar kayik gorunuyordu. Iki sutun sabit; "genis" tam satir. */
.alan-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
.alan-izgara > .genis{grid-column:1/-1}

@media (max-width:700px){
  .alan-izgara{grid-template-columns:1fr}
}

@media (max-width:560px){
  .girisli-kutu{flex-wrap:wrap}
  .gk-bag{width:100%;text-align:center}
}

/* ---------------- odeme adimi: bolum araliklari ----------------
   Paket kartlarindan sonra gelen "Fatura ve iletisim bilgileri"
   bolumu kartlara yapisik duruyordu; ayirici cizgiye nefes payi
   verilir. */
.tan-paketler{margin-bottom:6px}
.tan-paketler + .form-bolum,
.odeme-sec + .form-bolum{margin-top:34px;padding-top:26px}

/* Bolum basliklari paket kartlarindan sonra daha belirgin olsun */
.form-bolum > h2{margin:0 0 4px;font-size:17px;font-weight:750;color:var(--gri-900)}
.form-bolum > h2 + .alan-izgara,
.form-bolum > h2 + p + .alan-izgara{margin-top:16px}

/* Odeme yontemi kartlari ile fatura alanlari arasi */
.odeme-sec{margin-bottom:4px}

/* ---------------- secim sayfasi: donem etiketi ----------------
   Tur sekmesi yalnizca ana sayfada cizilir. Secim sayfalarinda
   sol taraf bos kalinca parti suzgeci tek basina saga yaslanip
   satiri bozuyordu; etiket bu bosluğu doldurur. */
.gs-donem{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 15px;border-radius:var(--r-p,20px);
  background:var(--gri-100);border:1px solid var(--gri-200);
  font-size:13.4px;font-weight:700;color:var(--gri-600);
  white-space:nowrap;flex:none;
}

/* Etiket varken suzgec saga yaslanmaya devam etsin */
.gs-arac:has(.gs-donem) .gs-suzgec{margin-left:auto}

@media (max-width:560px){
  .gs-donem{width:100%;justify-content:center}
  .gs-arac:has(.gs-donem) .gs-suzgec{margin-left:0;width:100%}
}


/* ---------------- vitrin: esit genislikte kartlar ----------------
   flex:1 1 ile alt satirda az kart kalinca bos alan aralarinda
   paylasiliyor ve kartlar buyuyordu (7 kart -> 4 + 3, alttakiler
   1.3 kat genis). Izgaraya cevrilince her kart her satirda ayni
   genisligi alir; eksik hucreler bos kalir. */
.vitrin-izgara{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  align-items:stretch;
}
.vitrin-izgara > *{
  flex:none;min-width:0;max-width:none;width:auto;
}

@media (max-width:1180px){
  .vitrin-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .vitrin-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .vitrin-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}

/* Kart icerigi yuksekligi de esitlensin */
.vitrin-izgara > .vitrin-kart{height:100%}

/* =====================================================================
   ESIT GENISLIKTE KART IZGARALARI

   flex:1 1 <taban> ile son satirda az kart kalinca bos alan
   aralarinda paylasiliyor ve kartlar digerlerinden genis
   goruniyordu. auto-fit izgara ayni kirilma noktalarini korur,
   ancak her hucre esit genisliktedir; eksik hucreler bos kalir.
   ===================================================================== */
.il-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;align-items:stretch}
.il-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.rehber-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px;align-items:stretch}
.rehber-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.rehber-il{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px;align-items:stretch}
.rehber-il > *{flex:none;min-width:0;max-width:none;width:auto}
.sp-il-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;align-items:stretch}
.sp-il-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.sk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:12px;align-items:stretch}
.sk-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.uyeler-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;align-items:stretch}
.uyeler-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.bsk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:10px;align-items:stretch}
.bsk-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.parti-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:12px;align-items:stretch}
.parti-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.ark-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:stretch}
.ark-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.kademe-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:11px;align-items:stretch}
.kademe-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.cb-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:12px;align-items:stretch}
.cb-izgara > *{flex:none;min-width:0;max-width:none;width:auto}
.ist-serit{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:11px;align-items:stretch}
.ist-serit > *{flex:none;min-width:0;max-width:none;width:auto}
.il-rozet-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:7px;align-items:stretch}
.il-rozet-izgara > *{flex:none;min-width:0;max-width:none;width:auto}