/* MIT ürün siteleri, ortak katman (14 sitede aynı dosya).
   Marka renkleri, yazı ölçeği, boşluk, bileşenler: üst menü, tablo, şekil, belge, panel, form, alt bilgi.
   Site dosyası (assets/site.css) font ailesini, aksan rengini ve siteye özgü bölümleri tanımlar.
   Yalnızca yeniden tasarlanan sayfalar yükler; eski sayfalar style.css ile kalır. */

/* ---------- Token'lar ---------- */
:root{
  --lacivert:#1a1449; --metin:#2b2840; --metin-2:#5a5775; --cizgi:#d9d8e3; --kenar:#85829c;
  --kirmizi:#e21f26; --kirmizi-koyu:#c8161d; --beyaz:#fff;
  /* site.css ezer: aksan, ikinci zemin, fontlar */
  --aksan:var(--lacivert); --zemin-2:#f6f6f7; --aksan-acik:#ececf2;
  --baslik:system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --govde:system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --f-kucuk:14px; --f-govde:17px; --f-h3:21px; --f-h2:30px; --f-h1:46px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px; --s9:112px;
  --kap:1200px; --yan:24px;
  color-scheme:light;
  accent-color:var(--lacivert);
  scrollbar-color:var(--kenar) var(--zemin-2);
}
@media (max-width:760px){
  :root{--f-govde:16px; --f-h3:19px; --f-h2:24px; --f-h1:32px; --yan:16px}
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--beyaz);color:var(--metin);font:400 var(--f-govde)/1.55 var(--govde);font-kerning:normal;overflow-x:hidden}
img,svg{display:block;max-width:100%;height:auto}
::selection{background:var(--lacivert);color:#fff}
a{color:var(--lacivert);text-decoration:underline;text-decoration-color:var(--aksan);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--kirmizi);outline-offset:2px}
h1,h2,h3{font-family:var(--baslik);font-stretch:var(--baslik-gen,100%);color:var(--lacivert);margin:0;letter-spacing:0;text-wrap:balance}
.btn,.teknik caption,.alt h2,.ekin-consent__btns button{font-stretch:var(--baslik-gen,100%)}
h1{font-size:var(--f-h1);line-height:1.1;font-weight:700;letter-spacing:-.01em}
h2{font-size:var(--f-h2);line-height:1.2;font-weight:600}
h3{font-size:var(--f-h3);line-height:1.3;font-weight:600}
p{margin:0 0 var(--s4)}
p:last-child{margin-bottom:0}
small,.kucuk{font-size:var(--f-kucuk);line-height:1.45;color:var(--metin-2)}
code,.kod{font-family:var(--govde);font-weight:500;font-variant-numeric:tabular-nums lining-nums}
.sayi{font-variant-numeric:tabular-nums lining-nums}
.kap{max-width:calc(var(--kap) + 2*var(--yan));margin:0 auto;padding:0 var(--yan)}
.olcu{max-width:68ch}
.atla{position:absolute;left:var(--s4);top:-60px;z-index:50;background:var(--lacivert);color:#fff;padding:var(--s3) var(--s4);border-radius:3px}
.atla:focus{top:var(--s3)}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Pilot işareti: kaynağı olmayan değer. Yayından önce doldurulur, sayfa bununla yayına alınmaz. */
.ur{background:#fff1b8;color:#3d3300;padding:0 4px;font-weight:500;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---------- Buton ---------- */
.btn{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:10px 20px;border-radius:3px;font:600 17px/1.2 var(--baslik);text-decoration:none;cursor:pointer;border:1.5px solid transparent}
.btn--kirmizi{background:var(--kirmizi);color:#fff}
.btn--kirmizi:hover{background:var(--kirmizi-koyu)}
.btn--cerceve{background:#fff;color:var(--lacivert);border-color:var(--lacivert)}
.btn--cerceve:hover{background:var(--zemin-2)}
.btn svg{width:20px;height:20px;flex:none}
.btn[disabled]{opacity:.55;cursor:not-allowed}

/* ---------- Üst menü ---------- */
.ust{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--cizgi)}
.ust__ic{display:flex;align-items:center;gap:var(--s5);min-height:72px}
.logo{display:flex;align-items:center;gap:var(--s3);text-decoration:none;flex:none}
.logo img{height:34px;width:auto}
.logo__mit{height:30px!important}
.logo__ayrac{width:1px;height:28px;background:var(--cizgi)}
.menu{display:flex;gap:var(--s5);margin-left:auto}
.menu a{font:500 16px/1 var(--govde);color:var(--lacivert);text-decoration:none;padding:var(--s3) 0;border-bottom:2px solid transparent}
.menu a:hover{border-bottom-color:var(--cizgi)}
.menu a[aria-current="page"]{border-bottom-color:var(--aksan)}
.ust__tel{display:flex;align-items:center;gap:6px;font:500 16px/1 var(--govde);color:var(--lacivert);text-decoration:none;white-space:nowrap}
.ust__tel svg{width:18px;height:18px}
.menu-ac{display:none;align-items:center;gap:6px;min-height:44px;padding:0 12px;margin-left:auto;background:#fff;border:1.5px solid var(--kenar);border-radius:3px;color:var(--lacivert);font:500 16px/1 var(--govde);cursor:pointer}
.menu-ac svg{width:20px;height:20px}
@media (max-width:1080px){
  .ust__tel{display:none}
}
@media (max-width:900px){
  .ust__ic{gap:var(--s3);min-height:64px}
  .menu-ac{display:inline-flex}
  .ust .btn{display:none}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--cizgi);box-shadow:0 8px 24px rgba(26,20,73,.16);padding:var(--s2) var(--yan) var(--s4)}
  .menu a{padding:var(--s4) 0;border-bottom:1px solid var(--cizgi);font-size:17px}
  .menu a:last-child{border-bottom:0}
  .ust.acik .menu{display:flex}
  .logo img{height:28px}
  .logo__mit{height:24px!important}
}

/* ---------- Bölüm ---------- */
.bolum{padding:var(--s8) 0}
.bolum--zemin{background:var(--zemin-2)}
.bolum h2{margin-bottom:var(--s4)}
.bolum h3{margin-bottom:var(--s2)}
.bolum p + h3,.bolum .not + h3,.bolum .iletisim-satir + h3{margin-top:var(--s5)}
.bolum__bas{margin-bottom:var(--s6)}
.bolum__bas h2{margin-bottom:var(--s3)}
.bolum__bas p{color:var(--metin-2);max-width:68ch}
.izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s6) var(--s5)}
.c7{grid-column:span 7}.c5{grid-column:span 5}.c8{grid-column:span 8}.c4{grid-column:span 4}.c12{grid-column:1/-1}
@media (max-width:900px){.c7,.c5,.c8,.c4{grid-column:1/-1}.bolum{padding:var(--s7) 0}}

/* ---------- Sayfa başı (alt sayfalar) ---------- */
.yol{font-size:var(--f-kucuk);color:var(--metin-2);padding-top:var(--s5)}
.yol a{color:var(--metin-2)}
.yol ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.yol li+li::before{content:"/";margin-right:var(--s2);color:var(--kenar)}
.giris{padding:var(--s6) 0 var(--s7)}
.giris h1{max-width:20ch;margin-bottom:var(--s4)}
.giris .ozet{font-size:19px;line-height:1.5;max-width:62ch;color:var(--metin)}
.hazirlayan{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s5);display:flex;flex-wrap:wrap;gap:var(--s1) var(--s5)}

/* ---------- Teknik tablo ---------- */
.tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0}
.tablo-kap:focus-visible{outline-offset:4px}
table.teknik{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums;font-size:16px;line-height:1.45}
.teknik caption{text-align:left;caption-side:top;padding:0 0 var(--s3);font:600 var(--f-h3)/1.3 var(--baslik);color:var(--lacivert)}
.teknik caption small{display:block;font:400 var(--f-kucuk)/1.45 var(--govde);color:var(--metin-2);margin-top:2px}
.tablo-kap .teknik caption{position:sticky;left:0;max-width:calc(100vw - 2*var(--yan))}
.teknik th,.teknik td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cizgi)}
.teknik thead th{font:600 var(--f-kucuk)/1.3 var(--govde);color:var(--lacivert);border-bottom:2px solid var(--lacivert);vertical-align:bottom}
.teknik tbody th{font-weight:500;color:var(--lacivert)}
.teknik .r{text-align:right}
.teknik td.k,.teknik th.k{color:var(--metin-2);font-size:var(--f-kucuk)}
.teknik tr.secili td,.teknik tr.secili th{background:var(--aksan-acik)}
.not{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s3);max-width:90ch}
@media (max-width:760px){
  .teknik{font-size:15px}
  .teknik th,.teknik td{padding:10px 12px}
  .teknik--yapiskan th:first-child,.teknik--yapiskan td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 var(--cizgi)}
  .teknik--genis{min-width:640px}
}

/* ---------- Şekil (çizim, grafik, fotoğraf) ---------- */
.sekil{margin:0}
.sekil figcaption{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s3);max-width:90ch}
.sekil figcaption b{color:var(--aksan);font-weight:600}
.sekil--kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sekil--kaydir svg{min-width:720px}
.foto{background:#fff}

/* ---------- Tanım listesi (özellik satırları) ---------- */
.tanim{display:grid;grid-template-columns:minmax(150px,13ch) 1fr;margin:0;border-top:1px solid var(--cizgi)}
.tanim dt,.tanim dd{margin:0;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.tanim dt{font-weight:500;color:var(--lacivert);padding-right:var(--s4)}
.tanim dd small{display:block;margin-top:2px}
@media (max-width:520px){.tanim{grid-template-columns:1fr}.tanim dt{border-bottom:0;padding-bottom:0}}

/* ---------- Belge listesi ---------- */
.belge a{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}
.belge a svg{width:18px;height:18px}

/* ---------- Teklif ve iletişim paneli (sitede 12 px köşeli tek öğe) ---------- */
.panel{background:var(--zemin-2);border-radius:12px;padding:var(--s7)}
@media (max-width:760px){.panel{padding:var(--s5)}}

/* ---------- Form ---------- */
.form{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s4) var(--s4)}
.alan{display:flex;flex-direction:column;gap:6px;grid-column:span 3}
.alan--2{grid-column:span 2}.alan--6{grid-column:1/-1}
@media (max-width:640px){.alan,.alan--2{grid-column:1/-1}}
.alan label,.alan legend{font-weight:500;color:var(--lacivert);font-size:16px}
.alan .ipucu{font-size:var(--f-kucuk);color:var(--metin-2)}
.alan input,.alan select,.alan textarea{font:400 17px/1.4 var(--govde);color:var(--metin);background:#fff;border:1.5px solid var(--kenar);border-radius:3px;padding:10px 12px;min-height:46px;width:100%}
.alan textarea{min-height:110px;resize:vertical}
.alan input:focus-visible,.alan select:focus-visible,.alan textarea:focus-visible{outline:3px solid var(--kirmizi);outline-offset:1px;border-color:var(--lacivert)}
.alan input[aria-invalid="true"],.alan select[aria-invalid="true"]{border-color:var(--kirmizi-koyu)}
.alan .hata{color:var(--kirmizi-koyu);font-size:var(--f-kucuk);font-weight:500}
.alan .hata:empty{display:none}
fieldset.alan{border:0;padding:0;margin:0}
.secenekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s2) var(--s5);margin-top:var(--s2)}
.secenekler label{display:flex;gap:var(--s2);align-items:flex-start;font-weight:400;color:var(--metin)}
.secenekler input{width:20px;height:20px;min-height:0;margin:2px 0 0;flex:none}
.form__alt{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}
.durum{font-weight:500}
.durum--tamam{color:#1d6b3a}
.durum--hata{color:var(--kirmizi-koyu)}
.ekin-rc-note{grid-column:1/-1;font-size:var(--f-kucuk);color:var(--metin-2);margin:0}

/* ---------- Alt bilgi ---------- */
.alt{background:var(--lacivert);color:#e9e8f2;padding:var(--s7) 0 var(--s5);margin-top:0}
.alt a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.alt :focus-visible{outline-color:#fff}
.alt__ic{display:grid;grid-template-columns:5fr 4fr 3fr;gap:var(--s6)}
.alt h2{font:600 17px/1.3 var(--baslik);color:#fff;margin-bottom:var(--s3)}
.alt p,.alt li{font-size:16px;line-height:1.55}
.alt ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.alt__logo{height:40px;width:auto;margin-bottom:var(--s4)}
.alt__dip{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);margin-top:var(--s6);padding-top:var(--s4);font-size:var(--f-kucuk);color:#cfcde0}
.alt__dip nav{display:flex;flex-wrap:wrap;gap:var(--s4)}
@media (max-width:900px){.alt__ic{grid-template-columns:1fr}}

/* ---------- Bilgi pencereleri (gizlilik, koşullar, çerezler) ---------- */
dialog.bilgi{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 64px);padding:0;border:1px solid var(--cizgi);border-radius:3px;color:var(--metin);box-shadow:0 8px 24px rgba(26,20,73,.16)}
dialog.bilgi::backdrop{background:rgba(26,20,73,.45)}
.bilgi__bas{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--cizgi);position:sticky;top:0;background:#fff}
.bilgi__bas h2{font-size:var(--f-h3)}
.bilgi__kapat{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1.5px solid var(--kenar);border-radius:3px;color:var(--lacivert);cursor:pointer}
.bilgi__kapat svg{width:20px;height:20px}
.bilgi__govde{padding:var(--s5)}
.bilgi__govde h3{font-size:17px;margin:var(--s5) 0 var(--s2)}
.bilgi__govde ul{padding-left:20px}
.bilgi__dugmeler{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s4)}

/* ---------- Çerez bildirimi (ekin-site.js oluşturur) ---------- */
#ekinConsent{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:760px;margin:0 auto;background:#fff;color:var(--metin);border:1px solid var(--cizgi);border-radius:3px;box-shadow:0 8px 24px rgba(26,20,73,.16);padding:var(--s4) var(--s5);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;font-size:15px}
#ekinConsent p{margin:0;flex:1 1 320px}
.ekin-consent__btns{display:flex;gap:var(--s2)}
.ekin-consent__btns button{min-height:44px;padding:0 16px;border-radius:3px;border:1.5px solid var(--lacivert);background:#fff;color:var(--lacivert);font:600 16px/1 var(--baslik);cursor:pointer}
.ekin-consent__btns button.is-primary{background:var(--lacivert);color:#fff}

/* ---------- Ana sayfa girişi, hesap aracı ve küçük bileşenler ---------- */
.ana-giris{padding:var(--s7) 0 var(--s7)}
.ana-giris__ust{align-items:end;margin-bottom:var(--s6)}
.ana-giris h1{max-width:14ch;margin-bottom:var(--s4)}
.ana-giris .ozet{font-size:19px;line-height:1.5;max-width:58ch}
.tanim--kisa{grid-template-columns:minmax(120px,11ch) 1fr;font-size:16px}
.tanim--kisa dt,.tanim--kisa dd{padding:10px 0}
.degerler{margin-top:var(--s4)}
.degerler summary{cursor:pointer;font-weight:500;color:var(--lacivert);min-height:44px;display:flex;align-items:center}
.degerler[open] summary{margin-bottom:var(--s3)}
.hizli{display:grid;gap:var(--s4);margin-top:var(--s5);max-width:420px}
.foto-sekil img{width:100%;max-width:440px;background:#fff}
.no{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 4px;border-radius:12px;background:var(--lacivert);color:#fff;font:500 14px/1 var(--govde);font-variant-numeric:tabular-nums}
.kapsam{padding-left:24px;margin:var(--s3) 0 var(--s4)}
.kapsam li{padding:4px 0}
.formul{font-size:20px;margin:var(--s4) 0 var(--s5);display:grid;gap:var(--s4);justify-items:start}
.formul math{display:block math;text-align:left;margin:0}
.hesap{margin-top:var(--s4)}
.sonuc{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:0;border-top:2px solid var(--lacivert)}
.sonuc dt,.sonuc dd{margin:0;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.sonuc dd{text-align:right;font:600 21px/1.2 var(--baslik);color:var(--lacivert);font-variant-numeric:tabular-nums lining-nums;padding-left:var(--s4)}
.sonuc dd small{display:block;font:400 var(--f-kucuk)/1.4 var(--govde)}
.tanim--dar{grid-template-columns:4ch 1fr}
.tanim--dar dt{border-bottom:1px solid var(--cizgi);padding-bottom:12px;font-style:italic}
.bilesen-ad{display:flex;gap:var(--s2);align-items:flex-start}
.uniteler{margin:var(--s3) 0 0;padding-left:20px}
.uniteler li{margin-bottom:6px}
@media (max-width:520px){
  .sonuc{grid-template-columns:1fr}
  .sonuc dt{border-bottom:0;padding-bottom:0}
  .sonuc dd{text-align:left;padding-left:0;padding-top:4px}
}
@media (max-width:760px){.ana-giris{padding-top:var(--s5)}.ana-giris .ozet,.giris .ozet{font-size:17px}}

/* ---------- Küçük ortak parçalar ---------- */
.dugmeler{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.bolum--ince{padding:var(--s7) 0}
.iletisim-satir{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5)}
.iletisim-satir a{display:inline-flex;align-items:center;gap:6px;font-weight:500}
.iletisim-satir svg{width:18px;height:18px}

/* ---------- Hareket ve yazdırma ---------- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
  @page{size:A4;margin:14mm 12mm 16mm}
  .ust,.alt,.atla,.menu-ac,#ekinConsent,.panel form,.btn{display:none!important}
  body{font-size:11pt;color:#000;background:#fff}
  .bolum,.bolum--ince{padding:5mm 0}
  .giris{padding:3mm 0 5mm}
  .bolum--zemin,.panel{background:none}
  .panel{border:1px solid var(--cizgi);padding:5mm}
  thead{display:table-header-group}
  /* uzun şekil ve tablolar bölünebilir; satır, çizim ve fotoğraf bölünmez */
  tr,svg,img,.tanim dt,.tanim dd{break-inside:avoid}
  h2,h3,caption{break-after:avoid}
  a{text-decoration:none;color:#000}
}
/* uygulama görselleri: 16:9 + 4:3 yan yana, eşit yükseklik (4fr:3fr) */
.uygulama{padding:var(--s7) 0 0}
.uygulama__ic{display:grid;grid-template-columns:4fr 3fr;gap:var(--s5);align-items:start}
.uygulama figure{margin:0}
.uygulama img{width:100%;height:auto;background:var(--zemin-2)}
.uygulama figcaption{font-size:var(--f-kucuk);color:var(--metin-2);margin-top:var(--s3);max-width:60ch}
@media (max-width:760px){.uygulama__ic{grid-template-columns:1fr}.uygulama{padding-top:var(--s6)}}
/* iletişim sayfası */
.iletisim{padding:var(--s4) 0 var(--s8)}
.iletisim__ic{display:grid;grid-template-columns:5fr 7fr;gap:var(--s7);align-items:start}
.iletisim h1{max-width:16ch;margin-bottom:var(--s4)}
.iletisim .ozet{font-size:19px;line-height:1.5;max-width:52ch;margin-bottom:var(--s6)}
.iletisim__form h2{margin-bottom:var(--s2)}
.iletisim__form .kucuk{margin-bottom:var(--s5)}
.iletisim__form .alan .kucuk{margin:0}
@media (max-width:900px){.iletisim__ic{grid-template-columns:1fr;gap:var(--s6)}}
@media (max-width:760px){.iletisim .ozet{font-size:17px}.iletisim__form{padding:var(--s5)}}