/* /yerel-secimler — sayfaya özgü stil. Bütün seçiciler .ys altında (tek
   istisna: pencere açıkken kök kilidi), sitenin diğer sayfalarını etkilemez.
   Yazı tipleri sitenin kendi ailesi (assets/css/font.css): başlıkta Akzidenz
   Grotesk XBd Cn (tek kesim, ağırlık 400), gövdede Montserrat 500/700. */
.ys{
  --ys-navy:#0f1f45;--ys-orange:#ec6a25;--ys-ink:#1b2233;--ys-muted:#5d6577;
  --ys-line:#e2e5ee;--ys-paper:#fff;--ys-serit:48px;
  --ys-display:'Akzidenz Grotesk XBd Cn',Impact,'Arial Narrow Bold',sans-serif;
  --ys-body:'Montserrat','Arial Narrow','Helvetica Neue',Arial,sans-serif;
  background:var(--ys-paper);color:var(--ys-ink);
  font:500 18px/1.7 var(--ys-body);
  /* flow-root: mobilde şerit gizliyken ilk kartın üst boşluğu dışarı taşıp lacivert gövdeyi göstermesin. */
  display:flow-root;
}
.ys a{color:inherit;text-decoration:none}
.ys button{font:inherit;cursor:pointer}
.ys :focus-visible{outline:2px solid var(--ys-orange);outline-offset:2px}
.ys-capa{scroll-margin-top:calc(var(--ys-ust,0px) + var(--ys-serit) + 16px)}

/* alt şerit */
.ys-serit{position:sticky;top:var(--ys-ust,0px);z-index:20;display:flex;align-items:stretch;gap:28px;
  padding-inline:max(48px,calc((100% - 1440px) / 2));background:var(--ys-paper);border-bottom:1px solid var(--ys-line)}
.ys-serit__etiket{display:flex;align-items:center;padding-right:24px;border-right:1px solid var(--ys-line);
  font:italic 400 16px/1 var(--ys-display);color:var(--ys-orange);white-space:nowrap}
.ys-serit nav{display:flex;gap:26px}
.ys-serit nav a{display:flex;align-items:center;height:var(--ys-serit);font-weight:700;font-size:14px;line-height:1.2;
  color:var(--ys-muted);border-bottom:3px solid transparent}
.ys-serit nav a:hover,.ys-serit nav a.ys-etkin{color:var(--ys-navy)}
.ys-serit nav a.ys-etkin{border-color:var(--ys-orange)}

/* kartlar */
.ys-kart{width:min(1440px,calc(100% - 96px));margin:8px auto;border:1px solid var(--ys-line);border-radius:20px;overflow:clip;
  background:#fff url(../img/yerel-secimler/background.jpg) center top / 100% auto no-repeat}
.ys-kart--mesaj{margin-top:24px}
.ys-kart + .ys-kart{margin-top:clamp(20px,2.5vw,32px)}
.ys-kart__ic{padding:64px 56px}
.ys-kart--mesaj .ys-kart__ic{padding-bottom:0;padding-left:0}
.ys-iki{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.ys-kart--mesaj .ys-iki{align-items:end}
.ys-kart--mesaj .ys-sutun{align-self:center;padding-bottom:64px}
.ys-foto{align-self:end;display:block;width:100%;max-width:720px;max-height:calc(100vh - 150px);
  object-fit:contain;object-position:left bottom}
.ys-gorsel{position:sticky;top:calc(var(--ys-ust,0px) + var(--ys-serit) + 24px);width:100%;max-width:560px;height:auto}

.ys-metin p{margin:0 0 14px}
.ys-metin .ys-hitap{font:italic 400 34px/1.1 var(--ys-display);color:var(--ys-navy);margin-bottom:18px}
.ys-devam{display:none}
.ys-metin.ys-acik .ys-devam{display:block}
.ys-vurgu{margin:6px 0 20px;padding-left:18px;border-left:4px solid var(--ys-orange)}
.ys-metin .ys-vurgu p{margin:0 0 4px;font:italic 400 26px/1.2 var(--ys-display);color:var(--ys-navy)}
.ys-hit{display:inline-block;margin-top:14px;font-weight:700}
.ys-alinti{margin:22px 0;padding-left:18px;border-left:4px solid var(--ys-orange);
  font:italic 400 30px/1.1 var(--ys-display);color:var(--ys-navy)}
.ys-son{margin-top:20px}
.ys-metin .ys-son p{margin:0 0 4px;font-weight:700}
.ys-metin .ys-son p:last-child{color:var(--ys-navy)}
.ys-oku{min-height:44px;margin-top:8px;padding:12px 22px;border:0;background:var(--ys-navy);color:#fff;
  letter-spacing:.06em}
/* .ys button{font:inherit} sınıf seçicisini ezdiği için yazı tipi .ys ile birlikte veriliyor. */
.ys .ys-oku{font:400 16px/1.2 var(--ys-display)}
.ys-oku:hover{background:var(--ys-orange)}
/* Betik çalışmıyorsa metnin tamamı açık gelir, düğme gizlenir. */
@media (scripting:none){.ys-devam{display:block}.ys-oku{display:none}}

/* bölümler */
.ys-bolum{padding:64px max(48px,calc((100% - 1440px) / 2))}
.ys-baslik{margin:0;font:italic 400 44px/1 var(--ys-display);color:var(--ys-navy);text-transform:uppercase;text-wrap:balance}
/* Sitenin turuncu bandı (.damga) kendi satır yüksekliğini getiriyor. */
.ys-baslik .damga{color:#fff}
.ys-baslik--gorsel{line-height:0;margin-bottom:32px}
.ys-baslik--gorsel img{display:block;width:280px;max-width:100%;height:auto}

/* 18 ilke: masaüstünde sütun sütun (01–06 | 07–12 | 13–18) */
.ys-ilkeler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);
  grid-auto-flow:column;gap:28px 44px;padding-left:8px}
.ys-ilke{display:flex;gap:24px;align-items:stretch;min-width:0}
.ys-ilke__no{flex:none;position:relative;display:flex;align-items:center;justify-content:center;padding:6px 18px 4px 4px;
  font:italic 400 42px/1 var(--ys-display);color:var(--ys-navy);font-variant-numeric:tabular-nums}
.ys-ilke__no::after{content:"";position:absolute;right:2px;top:2px;bottom:0;width:2px;background:var(--ys-orange);
  transform:skewX(-16deg);transform-origin:bottom}
.ys-ilke__ad{align-self:center;padding:8px 0;font:500 16px/1.35 var(--ys-body);color:var(--ys-navy)}
.ys-ilke:hover .ys-ilke__ad{color:var(--ys-orange)}

/* adaylar */
.ys-adaylar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin-top:20px}
.ys-aday img{display:block;width:100%;height:auto;aspect-ratio:1200/1016;border-radius:12px;background:#eef0f5}

/* ilke penceresi */
.ys-pencere{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(10,22,51,.62)}
.ys-pencere[hidden]{display:none}
.ys-pencere__kutu{position:relative;display:flex;flex-direction:column;width:100%;max-width:1040px;max-height:90vh;max-height:90dvh;
  overflow:hidden;border-top:5px solid var(--ys-orange);border-radius:16px;background:var(--ys-paper)}
.ys-pencere__icerik{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:36px 36px 24px}
.ys-pencere__kapat{position:absolute;z-index:2;top:4px;right:6px;width:44px;height:44px;border:0;background:none;
  color:var(--ys-muted);line-height:1}
.ys .ys-pencere__kapat{font-size:26px}
.ys-pencere__no{font:italic 400 64px/1 var(--ys-display);color:var(--ys-orange)}
.ys-pencere__baslik{margin:8px 0 16px;font:400 32px/1.05 var(--ys-display);color:var(--ys-navy);text-wrap:balance}
.ys-pencere__izgara{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}
.ys-maddeler{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ys-maddeler li{position:relative;padding-left:22px;font-size:16px;line-height:1.55}
.ys-maddeler li::before{content:"";position:absolute;left:2px;top:.6em;width:9px;height:9px;background:var(--ys-orange);transform:skewX(-14deg)}
.ys-dipnot{position:sticky;top:0;padding:22px 26px 28px;border-radius:14px;color:#fff;
  background:var(--ys-orange) url(../img/yerel-secimler/dipnot-desen.svg)}
.ys-dipnot__tirnak{display:block;height:62px;font:400 110px/.8 var(--ys-display)}
.ys-dipnot p{margin:0;font:italic 700 24px/1.3 var(--ys-body);letter-spacing:.005em}
.ys-pencere__alt{flex:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 36px;
  border-top:1px solid var(--ys-line);background:var(--ys-paper)}
.ys-pencere__alt button{min-height:44px;padding:9px 16px;border:1px solid var(--ys-navy);background:var(--ys-paper);color:var(--ys-navy);
  letter-spacing:.05em}
.ys .ys-pencere__alt button{font:400 15px/1.2 var(--ys-display)}
.ys-pencere__alt button:hover{background:var(--ys-navy);color:#fff}
.ys-pencere__alt button.ys-gizli{visibility:hidden}
.ys-pencere__sayac{font-size:14px;font-weight:700;color:var(--ys-muted);font-variant-numeric:tabular-nums}
html.ys-kilit,html.ys-kilit body{overflow:hidden}

/* kurumsal kimlik kutusu + parola penceresi */
.ys-bolum--kk{padding-top:0}
.ys-kk{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 32px;padding:32px;
  border:2px solid var(--ys-navy);border-radius:20px}
.ys-kk p{margin:10px 0 0;max-width:56ch;font-size:16px;line-height:1.55;color:var(--ys-muted)}
.ys-kk__tur{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.ys-kk__tur li{padding:4px 10px;border-radius:3px;background:#f1f3f8;color:var(--ys-navy);font-size:12px;font-weight:700;line-height:1.5}
.ys-kk__git,.ys-parola__gonder{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;border:0;
  background:var(--ys-orange);letter-spacing:.06em;white-space:nowrap}
/* .ys a{color:inherit} ve .ys button{font:inherit} sınıf seçicisini ezdiği için .ys ile birlikte. */
.ys .ys-kk__git,.ys .ys-parola__gonder{font:400 18px/1.2 var(--ys-display);color:#fff}
.ys-kk__git:hover,.ys-parola__gonder:hover{background:var(--ys-navy)}
.ys-parola__gonder:disabled{opacity:.6;cursor:default}
.ys-parola{width:min(420px,calc(100% - 32px));padding:0;border:0;border-top:5px solid var(--ys-orange);border-radius:16px;
  background:var(--ys-paper);color:var(--ys-ink)}
.ys-parola::backdrop{background:rgba(10,22,51,.62)}
.ys-parola__form{position:relative;display:grid;gap:12px;padding:36px 32px 32px}
.ys-parola__form--sayfa{max-width:420px;margin:0 auto;border:2px solid var(--ys-navy);border-radius:20px}
.ys-parola__baslik{margin:0;font:italic 400 32px/1.05 var(--ys-display);color:var(--ys-navy);text-transform:uppercase}
.ys-parola__form p{margin:0;font-size:15px;line-height:1.5;color:var(--ys-muted)}
.ys-parola__form label{margin-top:4px;font-size:13px;font-weight:700;line-height:1.3;color:var(--ys-navy)}
.ys-parola__form input{min-height:48px;padding:10px 14px;border:1px solid var(--ys-navy);border-radius:6px;
  background:var(--ys-paper);color:var(--ys-ink);font:500 17px/1.3 var(--ys-body)}
.ys-parola__form .ys-parola__hata{color:#b3261e;font-weight:700}
.ys-parola__hata[hidden]{display:none}
.ys-kk-sayfa{min-height:50vh}
.ys-kk-sayfa>p{max-width:60ch}
.ys .ys-kk-sayfa__don{color:var(--ys-navy);font-weight:700}

@media (min-width:1025px){
  .ys-kart--mesaj .ys-iki{grid-template-columns:minmax(0,6.5fr) minmax(0,5.5fr);gap:56px}
  /* Metin açıkken fotoğraf ekranın altına yapışıp okumayı takip eder. */
  .ys-kart--mesaj.ys-acik .ys-foto{position:sticky;bottom:0}
}
/* tablet + mobil: tek sütun */
@media (max-width:1024px){
  .ys-serit__etiket{display:none}
  /* Beş öğe (2026-10-06, Kurumsal Kimlik eklendi): 820px'te 22px aralıkla
     3px taşıyordu (ölçüldü). Aralık daraltıldı; yine sığmazsa şerit kendi
     içinde kayar, çubuk gizli. */
  .ys-serit nav{gap:18px;overflow-x:auto;scrollbar-width:none}
  .ys-serit nav::-webkit-scrollbar{display:none}
  .ys-serit nav a{white-space:nowrap}
  .ys-iki{grid-template-columns:minmax(0,1fr);gap:28px}
  .ys-gorsel{position:static;max-width:480px}
  .ys-kart--mesaj .ys-kart__ic{padding-left:56px}
  .ys-kart--mesaj .ys-iki{align-items:start}
  .ys-foto{order:-1;width:calc(100% + 112px);max-width:none;max-height:none;margin-inline:-56px}
  .ys-kart--mesaj .ys-sutun{padding-bottom:48px}
  .ys-ilkeler{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}
  .ys-ilke{gap:20px}
  .ys-ilke__ad{font-size:14px}
  .ys-adaylar{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
}
/* Dar tablet: Montserrat geniş; iki sütunda başlıklar iki satırda kalsın (ölçüldü). */
@media (max-width:900px){
  /* 761px'te beş öğe 48px kenar boşluğuyla 46px taşıyordu (ölçüldü); şeridin
     kenarı daraltılınca sığıyor. Kartların genişliği bundan bağımsız. */
  .ys-serit{padding-inline:24px}
  .ys-serit nav{gap:16px}
  .ys-serit nav a{font-size:13px}
  .ys-ilke{gap:16px}
  .ys-ilke__no{font-size:36px;padding-right:14px}
  .ys-ilke__ad{font-size:13px}
}
/* mobil — tablet kurallarından SONRA */
@media (max-width:760px){
  .ys{font-size:17px}
  .ys-serit{display:none}
  .ys-capa{scroll-margin-top:calc(var(--ys-ust,0px) + 16px)}
  .ys-kart{width:calc(100% - 32px);border-radius:14px}
  .ys-kart__ic{padding:44px 20px}
  .ys-kart--mesaj .ys-kart__ic{padding-left:20px}
  .ys-iki{gap:24px}
  .ys-foto{width:calc(100% + 40px);margin-inline:-20px}
  .ys-kart--mesaj .ys-sutun{padding-bottom:40px}
  .ys-metin .ys-hitap{font-size:28px}
  .ys-bolum{padding:44px 20px}
  .ys-bolum--kk{padding-top:0}
  .ys-kk{padding:24px 20px;border-radius:14px}
  .ys-kk__git{width:100%}
  .ys-baslik{font-size:30px}
  .ys-baslik--gorsel img{width:220px}
  .ys-ilkeler{grid-template-columns:minmax(0,1fr);gap:22px}
  .ys-ilke{gap:18px}
  .ys-ilke__no{font-size:34px;padding-right:14px}
  .ys-ilke__ad{font-size:14px}
}
@media (max-width:700px){
  .ys-pencere__icerik{padding:30px 20px 20px}
  .ys-pencere__alt{padding:12px 20px}
  .ys-pencere__baslik{font-size:26px}
  .ys-pencere__izgara{grid-template-columns:minmax(0,1fr);gap:20px}
  .ys-dipnot{position:static;order:-1}
  .ys-dipnot p{font-size:20px}
}
@media (max-width:600px){
  .ys-adaylar{grid-template-columns:minmax(0,1fr);gap:20px}
}