/* =============================================================================
   İHANET SÜRECİ — KAYIT ARŞİVİ
   Palet: kırmızı · beyaz · siyah · gri
   ========================================================================== */

/* =============================================================================
   GILROY  —  assets/fonts/ içinden yüklenir (woff2, Türkçe karakterler tam)
   ========================================================================== */
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-300.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-600.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-800.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }
@font-face{ font-family:'Gilroy'; src:url('../fonts/gilroy-900.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }

:root{
  /* Kırmızı */
  --kirmizi:      #E30A17;   /* bayrak kırmızısı */
  --kirmizi-koyu: #A80812;
  --kirmizi-acik: #FF2E3C;
  --kirmizi-sis:  rgba(227,10,23,.14);

  /* Siyah / Gri */
  --siyah:   #070708;
  --zemin:   #0B0B0D;
  --zemin-2: #101114;
  --kart:    #15171B;
  --kart-2:  #1B1E23;
  --cizgi:   #24272E;
  --cizgi-2: #32363F;
  --gri:     #8B919C;
  --gri-acik:#B9BFC9;

  /* Beyaz */
  --beyaz:   #FFFFFF;
  --kirli:   #F2F3F5;

  --kap:     1200px;
  --r:       14px;
  --r-s:     8px;
  --gecis:   .35s cubic-bezier(.22,.61,.36,1);

  --bas: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gov: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

/* .veri-uyari / .ipucu gibi display tanımı olan öğelerde
   [hidden] özniteliğinin ezilmemesi için */
[hidden]{ display:none !important; }

html{ scroll-behavior:smooth; scroll-padding-top:76px; }

body{
  margin:0;
  background:var(--zemin);
  color:var(--kirli);
  font-family:var(--gov);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; cursor:pointer; border:0; background:none; color:inherit; }

::selection{ background:var(--kirmizi); color:#fff; }

::-webkit-scrollbar{ width:11px; }
::-webkit-scrollbar-track{ background:var(--siyah); }
::-webkit-scrollbar-thumb{ background:var(--cizgi-2); border-radius:99px; }
::-webkit-scrollbar-thumb:hover{ background:var(--kirmizi); }

.kap{ width:100%; max-width:var(--kap); margin-inline:auto; padding-inline:24px; }

/* Görünüme girince açılma ------------------------------------------------- */
.ac{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); }
.ac.acik{ opacity:1; transform:none; }

/* Kelime kelime başlık açılışı --------------------------------------------
   hareket.js her kelimeyi .kel kutusuna sarar; içindeki katman aşağıdan
   yukarı kayarak yerine oturur. */
.kel{
  display:inline-block; overflow:hidden; vertical-align:bottom;
  padding-bottom:.14em; margin-bottom:-.14em;
}
.kel > i{
  display:inline-block; font-style:inherit;
  transform:translateY(112%);
  transition:transform 1.05s cubic-bezier(.16,1,.3,1);
}
.yazi-gorunur .kel > i{ transform:none; }

/* başlık zaten kelime kelime açılıyor — kutuyu ayrıca kaydırma */
.bolum__bas.ac{ transform:none; }

/* Film grain --------------------------------------------------------------- */
.grain{
  position:fixed; inset:0; z-index:200; pointer-events:none;
  opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Sayfalar arası geçiş perdesi --------------------------------------------- */
.gecis{
  position:fixed; inset:0; z-index:300; pointer-events:none;
  background:var(--siyah);
  opacity:0; transition:opacity .42s cubic-bezier(.4,0,.2,1);
}
.gecis--kapali{ opacity:1; }

/* =============================================================================
   ÖRNEK VERİ UYARISI
   ========================================================================== */
.veri-uyari{
  position:relative; z-index:60;
  display:flex; align-items:center; gap:12px;
  padding:10px 22px;
  background:linear-gradient(90deg,var(--kirmizi-koyu),var(--kirmizi));
  color:#fff; font-size:13.5px; line-height:1.45;
}
.veri-uyari p{ margin:0; flex:1; }
.veri-uyari code{
  background:rgba(0,0,0,.28); padding:1px 6px; border-radius:4px;
  font-size:12.5px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
.veri-uyari__ikon{
  flex:0 0 auto; width:22px; height:22px; border-radius:50%;
  background:#fff; color:var(--kirmizi);
  display:grid; place-items:center; font-weight:800; font-size:14px;
}
.veri-uyari__kapat{ font-size:24px; line-height:1; opacity:.8; padding:0 4px; }
.veri-uyari__kapat:hover{ opacity:1; }

/* =============================================================================
   ÜST MENÜ
   ========================================================================== */
.ustbar{
  position:fixed; inset:0 0 auto 0; z-index:50;
  transition:background var(--gecis), border-color var(--gecis), backdrop-filter var(--gecis);
  border-bottom:1px solid transparent;
}
.ustbar--kayik{
  background:rgba(8,8,10,.86);
  backdrop-filter:blur(14px) saturate(1.3);
  border-bottom-color:var(--cizgi);
}
.ustbar__ic{ display:flex; align-items:center; justify-content:space-between; height:72px; }

.marka{ display:flex; align-items:center; gap:11px; }
.marka__amblem{ width:27px; height:36px; flex:0 0 auto; }
.marka__ad{
  font-family:var(--bas); font-weight:600; font-size:19px;
  letter-spacing:.14em; color:#fff; white-space:nowrap;
}

.menu{ display:flex; gap:6px; }
.menu__l{
  position:relative; padding:9px 15px; border-radius:var(--r-s);
  font-size:14px; font-weight:500; color:var(--gri-acik);
  transition:color .25s ease, background .25s ease;
}
.menu__l::after{
  content:''; position:absolute; left:15px; right:15px; bottom:4px; height:2px;
  background:var(--kirmizi); transform:scaleX(0); transform-origin:left;
  transition:transform .3s cubic-bezier(.22,.61,.36,1);
}
.menu__l:hover{ color:#fff; background:rgba(255,255,255,.05); }
.menu__l:hover::after,
.menu__l.etkin::after{ transform:scaleX(1); }
.menu__l.etkin{ color:#fff; }

.menu-btn{ display:none; width:40px; height:40px; padding:9px; }
.menu-btn span{
  display:block; height:2px; background:#fff; border-radius:2px;
  transition:transform .3s ease, opacity .25s ease;
}
.menu-btn span+span{ margin-top:5px; }
.menu-btn[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.menu-btn[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.menu-btn[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* =============================================================================
   HERO
   ========================================================================== */
.hero{
  position:relative; min-height:100svh;
  display:grid; place-items:center;
  padding:120px 0 90px;
  overflow:hidden;
  background:var(--siyah);
}
/* paralaksta üstte boşluk kalmasın diye tuval biraz taşırılır */
.hero__bayrak{ position:absolute; inset:-12% 0 auto 0; width:100%; height:124%; will-change:transform; }
.hero__perde{
  position:absolute; inset:0;
  background:
    radial-gradient(120% 85% at 50% 42%, rgba(7,7,8,.30) 0%, rgba(7,7,8,.78) 55%, rgba(7,7,8,.96) 100%),
    linear-gradient(180deg, rgba(7,7,8,.92) 0%, rgba(7,7,8,.28) 26%, rgba(7,7,8,.55) 70%, var(--zemin) 100%);
}

.hero__ic{ position:relative; z-index:2; text-align:center; }

.rozet{
  display:inline-flex; align-items:center; gap:9px;
  padding:7px 16px 7px 13px; margin-bottom:26px;
  border:1px solid rgba(227,10,23,.5); border-radius:99px;
  background:rgba(227,10,23,.09);
  font-family:var(--bas); font-size:12px; font-weight:500;
  letter-spacing:.22em; color:#fff; text-transform:uppercase;
}

.hero__ust{
  margin:0 0 10px;
  font-family:var(--bas); font-weight:400; font-size:clamp(13px,1.6vw,16px);
  letter-spacing:.42em; text-transform:uppercase; color:var(--gri-acik);
}
.hero__baslik{
  margin:0 0 20px;
  font-family:var(--bas); font-weight:700;
  font-size:clamp(40px,8.2vw,104px); line-height:.94;
  letter-spacing:-.02em; text-transform:uppercase; color:#fff;
  text-shadow:0 6px 40px rgba(0,0,0,.75), 0 0 90px rgba(227,10,23,.22);
}
.hero__baslik br+*{ display:block; }
.hero__alt{
  max-width:600px; margin:0 auto 34px;
  font-size:clamp(15px,1.9vw,18.5px); color:var(--gri-acik);
}

.hero__butonlar{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

.btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 30px; border-radius:var(--r-s);
  font-family:var(--bas); font-weight:500; font-size:15px;
  letter-spacing:.14em; text-transform:uppercase;
  transition:transform .25s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
}
.btn--kirmizi{
  background:var(--kirmizi); color:#fff;
  box-shadow:0 10px 34px -10px rgba(227,10,23,.85);
}
.btn--kirmizi:hover{ background:var(--kirmizi-acik); transform:translateY(-2px); box-shadow:0 16px 40px -10px rgba(227,10,23,.95); }
.btn--hat{ border:1px solid var(--cizgi-2); color:#fff; background:rgba(255,255,255,.04); }
.btn--hat:hover{ border-color:var(--kirmizi); background:rgba(227,10,23,.12); transform:translateY(-2px); }

.hero__sayilar{
  display:flex; justify-content:center; flex-wrap:wrap;
  gap:0; margin-top:54px;
  border:1px solid var(--cizgi); border-radius:var(--r);
  background:rgba(11,11,13,.62); backdrop-filter:blur(8px);
  overflow:hidden;
}
.hsay{ padding:20px 38px; text-align:center; border-right:1px solid var(--cizgi); }
.hsay:last-child{ border-right:0; }
.hsay__n{
  display:block; font-family:var(--bas); font-weight:600;
  font-size:clamp(28px,4vw,42px); line-height:1; color:#fff;
}
.hsay__n em{ font-style:normal; color:var(--kirmizi); }
.hsay__e{
  display:block; margin-top:7px;
  font-size:11.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--gri);
}


/* =============================================================================
   İÇ SAYFA BAŞLIĞI  (surec / imzacilar / oylama)
   ========================================================================== */
.sayfa-bas{
  position:relative; overflow:hidden;
  padding:150px 0 62px; background:var(--siyah);
  border-bottom:1px solid var(--cizgi);
}
.sayfa-bas__bayrak{ position:absolute; inset:-14% 0 auto 0; width:100%; height:128%; opacity:.55; will-change:transform; }
.sayfa-bas__perde{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(7,7,8,.94) 0%, rgba(7,7,8,.70) 40%, rgba(7,7,8,.90) 100%),
    radial-gradient(90% 130% at 18% 50%, rgba(7,7,8,.35), rgba(7,7,8,.92) 70%);
}
.sayfa-bas__ic{ position:relative; z-index:2; }
.iz{
  display:flex; align-items:center; gap:9px; margin-bottom:16px;
  font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--gri);
}
.iz a{ color:var(--gri-acik); transition:color .25s ease; }
.iz a:hover{ color:var(--kirmizi); }
.iz span[aria-hidden]{ color:var(--cizgi-2); }
.sayfa-bas__baslik{
  margin:0 0 12px; font-family:var(--bas); font-weight:700;
  font-size:clamp(32px,5.4vw,60px); line-height:1.02; letter-spacing:-.02em;
  text-transform:uppercase; color:#fff;
  text-shadow:0 4px 30px rgba(0,0,0,.8);
}
.sayfa-bas__alt{ margin:0; max-width:640px; font-size:16.5px; color:var(--gri-acik); }

/* =============================================================================
   ÖNE ÇIKAN BLOK + "DEVAMINI GÖR"
   ========================================================================== */
.bolum__bas--satir{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px; flex-wrap:wrap; max-width:none;
}
.bolum__bas--satir > div{ max-width:640px; }

.daha{
  display:flex; justify-content:center; margin-top:40px;
  padding-top:34px; border-top:1px solid var(--cizgi);
}
.daha__btn{
  display:inline-flex; align-items:center; gap:12px;
  padding:15px 34px; border-radius:var(--r-s);
  border:1px solid var(--cizgi-2); background:var(--kart);
  font-family:var(--bas); font-weight:500; font-size:15px;
  letter-spacing:.14em; text-transform:uppercase; color:#fff;
  transition:border-color .3s ease, background .3s ease, transform .25s ease, box-shadow .3s ease;
}
.daha__btn:hover{
  border-color:var(--kirmizi); background:rgba(227,10,23,.12);
  transform:translateY(-2px); box-shadow:0 14px 34px -16px rgba(227,10,23,.8);
}
.daha__btn b{
  padding:3px 10px; border-radius:99px; background:var(--kirmizi);
  font-family:var(--gov); font-size:12px; font-weight:700; letter-spacing:.02em;
}
.daha__btn i{ font-style:normal; transition:transform .3s ease; }
.daha__btn:hover i{ transform:translateX(4px); }

/* =============================================================================
   KAYAN ŞERİT
   ========================================================================== */
.serit{
  background:var(--kirmizi); border-block:1px solid rgba(0,0,0,.25);
  overflow:hidden; padding:13px 0;
}
.serit__ray{ display:flex; width:max-content; animation:kay 34s linear infinite; }
.serit__p{
  display:flex; align-items:center; gap:26px; padding-right:26px;
  font-family:var(--bas); font-weight:500; font-size:15px;
  letter-spacing:.32em; text-transform:uppercase; color:#fff; white-space:nowrap;
}
@keyframes kay{ to{ transform:translateX(-50%); } }
.serit:hover .serit__ray{ animation-play-state:paused; }

/* =============================================================================
   BÖLÜM ORTAK
   ========================================================================== */
.bolum{ position:relative; padding:110px 0; }
.bolum--surec{ background:var(--zemin); }
.bolum--imza{
  background:var(--zemin-2);
  border-block:1px solid var(--cizgi);
}
.bolum--oylama{ background:var(--zemin); }

.bolum__bas{ max-width:720px; margin-bottom:56px; }
.etiket{
  display:inline-block; margin-bottom:14px;
  font-family:var(--bas); font-size:12px; font-weight:500;
  letter-spacing:.3em; text-transform:uppercase; color:var(--kirmizi);
}
.bolum__baslik{
  margin:0 0 14px;
  font-family:var(--bas); font-weight:600;
  font-size:clamp(28px,4.2vw,46px); line-height:1.08;
  letter-spacing:-.015em; text-transform:uppercase; color:#fff;
}
.bolum__aciklama{ margin:0; font-size:17px; color:var(--gri-acik); }

.bos{ text-align:center; padding:56px 0; color:var(--gri); font-size:15px; }

/* veri henüz girilmemişken gösterilen dürüst boş durum */
.veri-yok{
  text-align:center; padding:64px 28px;
  border:1px dashed var(--cizgi-2); border-radius:var(--r);
  background:var(--kart);
}
.veri-yok h2{
  margin:0 0 12px; font-family:var(--bas); font-weight:600;
  font-size:clamp(22px,3.4vw,30px); letter-spacing:-.01em; color:#fff;
}
.veri-yok p{ margin:0 auto; max-width:520px; color:var(--gri-acik); font-size:15.5px; }

/* =============================================================================
   ZAMAN ÇİZELGESİ
   ========================================================================== */
.zaman{ list-style:none; margin:0; padding:0 0 0 34px; position:relative; }
.zaman::before{
  content:''; position:absolute; left:0; top:6px; bottom:6px; width:2px;
  background:linear-gradient(180deg, var(--kirmizi) 0%, var(--cizgi-2) 60%, transparent 100%);
}
.zad{ position:relative; padding:0 0 44px 26px; }
.zad:last-child{ padding-bottom:0; }
.zad::before{
  content:''; position:absolute; left:-41px; top:6px;
  width:16px; height:16px; border-radius:50%;
  background:var(--zemin); border:2.5px solid var(--kirmizi);
  box-shadow:0 0 0 5px rgba(227,10,23,.12);
  transition:transform .3s ease, box-shadow .3s ease;
}
.zad:hover::before{ transform:scale(1.22); box-shadow:0 0 0 8px rgba(227,10,23,.18); }
.zad__t{
  display:inline-block; margin-bottom:8px; padding:3px 11px;
  border:1px solid var(--cizgi-2); border-radius:99px;
  font-family:var(--bas); font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--kirmizi);
}
.zad__b{
  margin:0 0 7px; font-family:var(--bas); font-weight:500;
  font-size:clamp(20px,2.6vw,26px); text-transform:uppercase;
  letter-spacing:.02em; color:#fff;
}
.zad__m{ margin:0; max-width:640px; color:var(--gri-acik); font-size:15.5px; }

/* =============================================================================
   ARAÇLAR — ARAMA + ÇİPLER
   ========================================================================== */
.araclar{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin-bottom:36px;
}
.arama{ position:relative; flex:0 0 320px; max-width:100%; }
.arama svg{
  position:absolute; left:14px; top:50%; translate:0 -50%;
  width:17px; height:17px; fill:none; stroke:var(--gri); stroke-width:1.9; stroke-linecap:round;
  pointer-events:none;
}
.arama input{
  width:100%; padding:13px 16px 13px 42px;
  background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--r-s);
  color:#fff; font-size:14.5px; font-family:var(--gov);
  transition:border-color .25s ease, background .25s ease;
}
.arama input::placeholder{ color:var(--gri); }
.arama input:focus{ outline:none; border-color:var(--kirmizi); background:var(--kart-2); }
.arama--kucuk{ flex:0 0 260px; }
.arama--kucuk input{ padding-block:11px; }

.araclar__sayi{
  margin:0 0 0 auto; flex:0 0 auto;
  font-size:13px; letter-spacing:.06em; color:var(--gri);
}
.araclar__sayi b{ color:#fff; font-weight:700; font-size:15px; }

.cipler{ display:flex; gap:8px; flex-wrap:wrap; }
.cip{
  padding:9px 17px; border-radius:99px;
  border:1px solid var(--cizgi-2); background:transparent;
  font-size:13px; font-weight:500; color:var(--gri-acik);
  transition:all .25s ease;
}
.cip:hover{ border-color:var(--gri); color:#fff; }
.cip.etkin{ background:var(--kirmizi); border-color:var(--kirmizi); color:#fff; }

/* =============================================================================
   İMZACI KARTLARI
   ========================================================================== */
.izgara{
  display:grid; gap:20px;
  grid-template-columns:repeat(auto-fill, minmax(258px,1fr));
}
.kart{
  position:relative; overflow:hidden; display:block;
  background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--r);
  text-align:left; padding:0; width:100%;
  transition:transform .35s cubic-bezier(.22,.61,.36,1), border-color .3s ease, box-shadow .35s ease;
  animation:kartAc .5s cubic-bezier(.22,.61,.36,1) backwards;
}
@keyframes kartAc{ from{ opacity:0; transform:translateY(18px) } to{ opacity:1; transform:none } }
.kart::before{
  content:''; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg,var(--kirmizi),var(--kirmizi-acik));
  transform:scaleX(0); transform-origin:left;
  transition:transform .4s cubic-bezier(.22,.61,.36,1); z-index:3;
}
.kart:hover{
  transform:translateY(-6px); border-color:var(--cizgi-2);
  box-shadow:0 22px 48px -22px rgba(0,0,0,.9), 0 0 0 1px rgba(227,10,23,.22);
}
.kart:hover::before{ transform:scaleX(1); }
.kart:focus-visible{ outline:2px solid var(--kirmizi); outline-offset:3px; }

.kart__gorsel{
  position:relative; aspect-ratio:1/1; overflow:hidden;
  background:linear-gradient(150deg,var(--kart-2),#0F1013);
}
.kart__gorsel img{
  width:100%; height:100%; object-fit:cover;
  filter:grayscale(1) contrast(1.06);
  transition:filter .45s ease, transform .6s cubic-bezier(.22,.61,.36,1);
}
.kart:hover .kart__gorsel img{ filter:grayscale(0) contrast(1); transform:scale(1.05); }
.kart__gorsel::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 45%, rgba(10,10,12,.9) 100%);
}
.bas-harf{
  position:absolute; inset:0; display:grid; place-items:center;
  font-family:var(--bas); font-weight:600; font-size:clamp(38px,6vw,54px);
  letter-spacing:.05em; color:rgba(255,255,255,.9);
  background:
    radial-gradient(90% 90% at 30% 20%, rgba(227,10,23,.30), transparent 62%),
    linear-gradient(150deg,#22252B,#101114);
}
.kart__parti{
  position:absolute; top:12px; left:12px; z-index:2;
  padding:5px 11px; border-radius:99px;
  background:rgba(7,7,8,.78); backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.14);
  font-size:11px; font-weight:600; letter-spacing:.08em;
  text-transform:uppercase; color:#fff;
}
.kart__govde{ padding:18px 18px 20px; }
.kart__ad{
  margin:0 0 4px; font-family:var(--bas); font-weight:500;
  font-size:20px; line-height:1.25; letter-spacing:.02em; color:#fff;
}
.kart__unvan{
  margin:0 0 11px; font-size:13px; font-weight:500;
  color:var(--kirmizi); letter-spacing:.02em;
}
.kart__ozet{
  margin:0 0 15px; font-size:14px; line-height:1.6; color:var(--gri-acik);
  display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.kart__alt{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding-top:13px; border-top:1px solid var(--cizgi);
  font-size:12px; color:var(--gri);
}
.kart__sehir{ display:flex; align-items:center; gap:6px; }
.kart__oku{
  display:inline-flex; align-items:center; gap:5px;
  font-weight:600; color:#fff; letter-spacing:.04em;
  transition:gap .25s ease, color .25s ease;
}
.kart:hover .kart__oku{ gap:9px; color:var(--kirmizi-acik); }

/* =============================================================================
   OYLAMA
   ========================================================================== */
.sonuc{ margin-bottom:70px; }
.sonuc__kartlar{
  display:grid; gap:16px; margin-bottom:30px;
  grid-template-columns:repeat(auto-fit, minmax(190px,1fr));
}
.oyk{
  position:relative; overflow:hidden;
  padding:26px 24px; border-radius:var(--r);
  background:var(--kart); border:1px solid var(--cizgi);
  transition:transform .3s ease, border-color .3s ease;
}
.oyk:hover{ transform:translateY(-4px); border-color:var(--cizgi-2); }
.oyk::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:var(--renk,var(--cizgi-2));
}
.oyk--evet{ --renk:var(--kirmizi); }
.oyk--evet{ background:linear-gradient(140deg, rgba(227,10,23,.10), var(--kart) 62%); border-color:rgba(227,10,23,.32); }
.oyk--hayir{ --renk:#6B7280; }
.oyk--cekimser{ --renk:#3F444D; }
.oyk--katilmayan{ --renk:#2A2D33; }
.oyk__e{
  display:block; margin-bottom:9px;
  font-size:12px; font-weight:600; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gri);
}
.oyk--evet .oyk__e{ color:var(--kirmizi-acik); }
.oyk__n{
  display:block; font-family:var(--bas); font-weight:600;
  font-size:clamp(38px,5.4vw,56px); line-height:1; color:#fff;
}
.oyk__y{ display:block; margin-top:8px; font-size:13px; color:var(--gri); }

.bar{
  display:flex; height:16px; border-radius:99px; overflow:hidden;
  background:var(--kart); border:1px solid var(--cizgi); margin-bottom:16px;
}
.bar__p{ height:100%; width:0; transition:width 1.2s cubic-bezier(.22,.61,.36,1); }
.bar__p--evet{ background:linear-gradient(90deg,var(--kirmizi),var(--kirmizi-acik)); }
.bar__p--hayir{ background:#6B7280; }
.bar__p--cekimser{ background:#3F444D; }
.bar__p--katilmayan{ background:#22252B; }

.bar__anahtar{ display:flex; gap:22px; flex-wrap:wrap; }
.anh{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--gri-acik); }
.anh__k{ width:11px; height:11px; border-radius:3px; flex:0 0 auto; }

.evet-bas{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; flex-wrap:wrap; margin-bottom:26px;
  padding-bottom:20px; border-bottom:1px solid var(--cizgi);
}
.evet-bas__baslik{
  display:flex; align-items:center; gap:12px; margin:0;
  font-family:var(--bas); font-weight:500; font-size:clamp(22px,3vw,30px);
  text-transform:uppercase; letter-spacing:.03em; color:#fff;
}

.evet-liste{
  display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill, minmax(268px,1fr));
}
.evk{
  display:flex; align-items:center; gap:13px;
  padding:12px 15px; border-radius:var(--r-s);
  background:var(--kart); border:1px solid var(--cizgi);
  transition:transform .25s ease, border-color .25s ease, background .25s ease;
  animation:kartAc .4s ease backwards;
}
.evk:hover{ transform:translateX(4px); border-color:rgba(227,10,23,.4); background:var(--kart-2); }
.evk__f{
  width:42px; height:42px; border-radius:50%; flex:0 0 auto; overflow:hidden;
  display:grid; place-items:center;
  font-family:var(--bas); font-size:15px; font-weight:600; color:#fff;
  background:linear-gradient(145deg,#282C33,#14161A);
  border:1px solid var(--cizgi-2);
}
.evk__f img{ width:100%; height:100%; object-fit:cover; filter:grayscale(1); }
.evk__b{ min-width:0; flex:1; }
.evk__ad{
  display:block; margin:0; font-size:14.5px; font-weight:600; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.evk__d{
  display:block; margin:1px 0 0; font-size:12.5px; color:var(--gri);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* =============================================================================
   MECLİS SANDALYE ŞEMASI
   ========================================================================== */
.meclis{ position:relative; }

.meclis__ust{
  display:flex; align-items:center; justify-content:space-between;
  gap:18px; flex-wrap:wrap; margin-bottom:26px;
}
.meclis__mod{
  display:flex; align-items:center; gap:5px;
  padding:5px; border:1px solid var(--cizgi); border-radius:99px; background:var(--kart);
}
.meclis__modE{
  padding-inline:11px 5px; font-size:11.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--gri);
}
.mod{
  padding:8px 17px; border-radius:99px;
  font-size:13px; font-weight:600; color:var(--gri-acik);
  transition:background .25s ease, color .25s ease;
}
.mod:hover{ color:#fff; background:rgba(255,255,255,.06); }
.mod.etkin{ background:var(--kirmizi); color:#fff; }

.meclis__sahne{
  position:relative; overflow:hidden;
  padding:22px 18px 10px; border-radius:var(--r);
  background:
    radial-gradient(75% 110% at 50% 100%, rgba(227,10,23,.10), transparent 62%),
    var(--kart);
  border:1px solid var(--cizgi);
}
.meclis__svg{ display:block; width:100%; height:auto; overflow:visible; }

.koltuk{
  cursor:pointer;
  transform:scale(0); transform-box:fill-box; transform-origin:center;
  transition:opacity .3s ease, transform .62s cubic-bezier(.34,1.42,.5,1);
}
/* şema görünüme girince koltuklar merkezden dışa doğru açılır */
.meclis--acildi .koltuk{ transform:scale(1); }
.koltuk:hover{ transform:scale(1.75); transition-duration:.18s; }
.koltuk--bos{ cursor:default; pointer-events:none; }

.meclis__anahtar{
  display:flex; gap:20px; flex-wrap:wrap;
  margin-top:22px; padding-top:20px; border-top:1px solid var(--cizgi);
}
.anh__k--halka{
  background:transparent !important;
  border:2.5px solid #fff; border-radius:50%;
}

/* --- fare ipucu kutusu --- */
.ipucu{
  position:fixed; z-index:90; pointer-events:none;
  width:270px; padding:15px 17px;
  background:rgba(12,13,15,.97); backdrop-filter:blur(10px);
  border:1px solid var(--cizgi-2); border-radius:var(--r-s);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.95);
  animation:ipucuAc .15s ease;
}
@keyframes ipucuAc{ from{ opacity:0; transform:translateY(5px) } }
.ipucu__ad{
  margin:0 0 3px; font-family:var(--bas); font-weight:500; font-size:19px;
  letter-spacing:.02em; color:#fff; line-height:1.2;
}
.ipucu__unvan{ margin:0 0 9px; font-size:12.5px; color:var(--gri); }
.ipucu__unvan:empty{ display:none; }
.ipucu__parti{
  display:flex; align-items:center; gap:7px; margin:0 0 12px;
  padding-bottom:11px; border-bottom:1px solid var(--cizgi);
  font-size:13px; font-weight:600; color:var(--gri-acik);
}
.ipucu__nk{ width:10px; height:10px; border-radius:3px; flex:0 0 auto; }
.ipucu__satir{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:4px 0; font-size:12.5px;
}
.ipucu__e{ color:var(--gri); }
.ipucu__satir strong{ font-size:13px; font-weight:700; }
.ipucu__satir .olumlu{ color:var(--kirmizi-acik); }
.ipucu__satir .olumsuz{ color:var(--gri-acik); }
.ipucu__ipuc{
  margin:11px 0 0; padding-top:10px; border-top:1px solid var(--cizgi);
  font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--kirmizi);
}

/* =============================================================================
   KİŞİ SAYFASI
   ========================================================================== */
.kisi{ max-width:860px; margin-inline:auto; }
.kisi__yok{ text-align:center; padding:70px 0; }
.kisi__yok h1{
  margin:0 0 10px; font-family:var(--bas); font-weight:600;
  font-size:clamp(28px,5vw,42px); text-transform:uppercase; color:#fff;
}
.kisi__yok p{ margin:0 0 26px; color:var(--gri-acik); }

.kisi__ust{ display:flex; gap:30px; align-items:center; margin-bottom:30px; }
.kisi__foto{
  position:relative; width:180px; height:180px; flex:0 0 auto;
  border-radius:var(--r); overflow:hidden;
  border:1px solid var(--cizgi-2);
  box-shadow:0 20px 50px -24px rgba(0,0,0,.95);
}
.kisi__foto img{ width:100%; height:100%; object-fit:cover; }
.kisi__foto .bas-harf{ font-size:64px; }
.kisi__gorev{
  display:inline-block; margin-bottom:11px; padding:5px 14px;
  border-radius:99px; background:var(--kirmizi); color:#fff;
  font-size:11.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
}
.kisi__ad{
  margin:0 0 7px; font-family:var(--bas); font-weight:600;
  font-size:clamp(27px,4.4vw,44px); line-height:1.08;
  text-transform:uppercase; letter-spacing:-.015em; color:#fff;
}
.kisi__unvan{ margin:0 0 15px; font-size:16px; color:var(--gri-acik); }
.kisi__rozetler{ display:flex; gap:8px; flex-wrap:wrap; }
.kisi__rozetler .pd__rz{ display:inline-flex; align-items:center; gap:8px; }

.kisi__durum{
  display:grid; gap:14px; margin-bottom:36px;
  grid-template-columns:repeat(auto-fit, minmax(230px,1fr));
}
.durum{
  position:relative; overflow:hidden;
  padding:20px 22px; border-radius:var(--r);
  background:var(--kart); border:1px solid var(--cizgi);
}
.durum::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--renk,var(--cizgi-2));
}
.durum--olumlu{ --renk:var(--kirmizi); background:linear-gradient(120deg, rgba(227,10,23,.12), var(--kart) 60%); border-color:rgba(227,10,23,.3); }
.durum--notr{ --renk:#3F444D; }
.durum--oy-evet{ --renk:var(--kirmizi); background:linear-gradient(120deg, rgba(227,10,23,.12), var(--kart) 60%); border-color:rgba(227,10,23,.3); }
.durum--oy-hayir{ --renk:#E8EAED; }
.durum--oy-cekimser{ --renk:#6B7280; }
.durum--oy-katilmadi{ --renk:#2A2D33; }
.durum__e{
  display:block; margin-bottom:7px; font-size:11.5px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gri);
}
.durum__d{
  display:block; font-family:var(--bas); font-weight:500;
  font-size:26px; letter-spacing:.02em; color:#fff;
}

.kisi__bb{
  margin:0 0 16px; font-family:var(--bas); font-weight:500;
  font-size:22px; letter-spacing:.14em; text-transform:uppercase; color:var(--kirmizi);
}
.kisi__govde{
  padding:28px; border-radius:var(--r);
  background:var(--kart); border:1px solid var(--cizgi);
}
.kisi__govde p{ margin:0 0 16px; font-size:16px; line-height:1.8; color:var(--gri-acik); }
.kisi__govde p:last-child{ margin-bottom:0; }

.kisi__gezinme{
  display:flex; justify-content:space-between; gap:14px;
  margin-top:34px; padding-top:26px; border-top:1px solid var(--cizgi);
}
.gez{
  display:flex; flex-direction:column; gap:4px; min-width:0;
  padding:14px 20px; border-radius:var(--r-s);
  border:1px solid var(--cizgi); background:var(--kart);
  transition:border-color .25s ease, background .25s ease, transform .25s ease;
}
.gez:hover{ border-color:var(--kirmizi); background:var(--kart-2); transform:translateY(-2px); }
.gez--sonraki{ text-align:right; }
.gez span{ font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--kirmizi); }
.gez b{
  font-family:var(--bas); font-weight:500; font-size:17px; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* =============================================================================
   KAPANIŞ
   ========================================================================== */
.kapanis{
  position:relative; overflow:hidden;
  padding:110px 0; background:var(--siyah); text-align:center;
}
.kapanis__bayrak{ position:absolute; inset:0; width:100%; height:100%; opacity:.42; }
.kapanis__perde{
  position:absolute; inset:0;
  background:radial-gradient(85% 75% at 50% 50%, rgba(7,7,8,.72) 0%, rgba(7,7,8,.94) 70%, var(--siyah) 100%);
}
.kapanis__ic{ position:relative; z-index:2; max-width:820px; }
.kapanis__soz{
  margin:0; font-family:var(--bas); font-weight:300;
  font-size:clamp(21px,3.1vw,36px); line-height:1.34; color:#fff;
  letter-spacing:.01em;
}
.kapanis__sahip{
  display:block; margin-top:20px; font-style:normal;
  font-size:13px; letter-spacing:.24em; text-transform:uppercase; color:var(--kirmizi);
}
.kapanis__sahip:empty{ display:none; }

/* =============================================================================
   ALT BİLGİ
   ========================================================================== */
.alt{ background:var(--zemin); border-top:1px solid var(--cizgi); padding:46px 0 40px; }
.alt__ic{ display:flex; flex-direction:column; align-items:center; gap:13px; text-align:center; }
.alt__marka{
  display:flex; align-items:center; gap:10px;
  font-family:var(--bas); font-weight:600; font-size:17px;
  letter-spacing:.15em; color:#fff;
}
.alt__marka .marka__amblem{ width:24px; height:32px; }
.alt__not{ margin:0; font-size:14px; color:var(--gri-acik); max-width:560px; }
.alt__telif{ margin:0; font-size:12.5px; color:var(--gri); }

/* =============================================================================
   ROZET  (kişi sayfasındaki parti / şehir etiketleri)
   ========================================================================== */
.pd__rz{
  padding:5px 12px; border-radius:99px;
  border:1px solid var(--cizgi-2); background:var(--kart-2);
  font-size:12px; color:var(--gri-acik);
}

/* =============================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:900px){
  .menu{
    position:fixed; inset:72px 0 auto 0;
    flex-direction:column; gap:0; padding:10px 16px 20px;
    background:rgba(8,8,10,.97); backdrop-filter:blur(16px);
    border-bottom:1px solid var(--cizgi);
    transform:translateY(-12px); opacity:0; pointer-events:none;
    transition:opacity .28s ease, transform .28s ease;
  }
  .menu.acik{ transform:none; opacity:1; pointer-events:auto; }
  .menu__l{ padding:14px 8px; font-size:16px; border-bottom:1px solid var(--cizgi); border-radius:0; }
  .menu__l::after{ display:none; }
  .menu-btn{ display:block; }
}

@media (max-width:760px){
  .bolum{ padding:78px 0; }
  .sayfa-bas{ padding:120px 0 46px; }
  .daha__btn{ width:100%; justify-content:center; padding-inline:20px; }
  .hero{ padding:110px 0 80px; }
  .hero__sayilar{ margin-top:40px; width:100%; }
  .hsay{ flex:1 1 50%; padding:17px 14px; border-bottom:1px solid var(--cizgi); }
  .hsay:nth-child(2n){ border-right:0; }
  .araclar{ flex-direction:column; align-items:stretch; }
  .arama{ flex:1 1 auto; }
  .izgara{ grid-template-columns:repeat(auto-fill, minmax(160px,1fr)); gap:14px; }
  .kart__govde{ padding:14px; }
  .kart__ad{ font-size:17px; }
  .kart__ozet{ display:none; }
  .zaman{ padding-left:26px; }
  .zad{ padding-left:20px; }
  .zad::before{ left:-33px; }
  .veri-uyari{ font-size:12.5px; padding:9px 14px; }

  .meclis__ust{ flex-direction:column; align-items:stretch; }
  .meclis__mod{ justify-content:center; flex-wrap:wrap; }
  .meclis__sahne{ padding:14px 8px 6px; }
  .koltuk:hover{ transform:scale(1.4); }
  .ipucu{ width:min(270px, calc(100vw - 24px)); }

  .kisi__ust{ flex-direction:column; align-items:flex-start; gap:20px; }
  .kisi__foto{ width:140px; height:140px; }
  .kisi__govde{ padding:20px; }
  .kisi__gezinme{ flex-direction:column; }
  .gez--sonraki{ text-align:left; }
}

@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
  .ac{ opacity:1; transform:none; }
}