/* Sabit header'in yuksekligi. Gercek deger sayfa.js tarafindan
   olculup koke yazilir (icerige gore degisiyor: masaustu 81px);
   burasi JS calismazsa devreye giren yedek. */
:root{--ust-yuk:81px}
@media (max-width:1100px){ :root{--ust-yuk:64px} }

/* ============================================================
   YASAL SAYFALAR — KVKK aydinlatma metni, cerez politikasi vb.

   Ana sayfanin dilini korur: Ford Antenna, #0A49E2 mavi, ayni
   kenar payi degiskenleri. Ana sayfa tam ekran sahnelerden olusur;
   burasi OKUNAN bir sayfa oldugu icin olculer okuma konforuna gore
   kuruldu: tek sutun, 68 karakter satir uzunlugu, yuksek satir
   araligi.
   ============================================================ */

.yasal{
  --y-kenar:var(--site-kenar, max(clamp(20px,4vw,40px), calc((100% - 1266px) / 2)));
  /* Okuma sutunu: 16px puntoda ~68 karakter. Daha genisi goz satir
     basini kaybettiriyor. */
  --y-sutun:680px;
  font-family:var(--f-header);
  color:var(--karbon);
  background:var(--beyaz);
}

/* ---------- Ust bant ---------- */
.yasal__tepe{
  background:var(--mavi);
  color:var(--beyaz);
  padding:calc(var(--ust-yuk) + 72px) var(--y-kenar) 72px;
}

.yasal__baslik{
  margin:0;
  font-size:clamp(30px, 5vw, 54px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-.02em;
}
.yasal__ozet{
  max-width:var(--y-sutun);
  margin:18px 0 0;
  font-size:clamp(15px, 2vw, 18px);
  font-weight:300;
  line-height:1.55;
  color:rgba(254,254,254,.9);
}
.yasal__tarih{
  display:inline-flex;align-items:center;gap:8px;
  margin-block-start:28px;
  padding:7px 14px;
  border:1px solid rgba(254,254,254,.34);
  border-radius:999px;
  font-size:13px;font-weight:500;
  letter-spacing:.01em;
}
.yasal__tarih::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--beyaz);
}

/* ---------- Govde: icindekiler + metin ---------- */
.yasal__govde{
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  gap:64px;
  padding:72px var(--y-kenar) 96px;
  align-items:start;
}

/* Icindekiler masaustunde sayfayla birlikte kayar. */
.yasal__icindekiler{
  position:sticky;
  inset-block-start:calc(var(--ust-yuk) + 28px);
}
.yasal__ic-baslik{
  margin:0 0 14px;
  font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:#8A8A8A;
}
.yasal__ic-liste{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;
}
.yasal__ic-liste a{
  display:block;
  padding:8px 0 8px 14px;
  border-inline-start:2px solid rgba(30,30,30,.10);
  font-size:14px;font-weight:400;line-height:1.35;
  color:#5E5E5E;
  text-decoration:none;
  transition:color 220ms var(--egri-standart),
             border-color 220ms var(--egri-standart);
}
.yasal__ic-liste a:hover{color:var(--mavi);border-inline-start-color:var(--mavi)}

.yasal__metin{max-width:var(--y-sutun)}

/* ---------- Bolumler ---------- */
.yasal__bolum{
  /* Sabit header, ic baglantida basligi ortmesin. */
  scroll-margin-top:calc(var(--ust-yuk) + 24px);
  padding-block-end:44px;
}
.yasal__bolum + .yasal__bolum{
  padding-block-start:44px;
  border-block-start:1px solid rgba(30,30,30,.09);
}
.yasal__bolum-baslik{
  display:flex;gap:14px;
  margin:0 0 18px;
  font-size:clamp(20px, 2.6vw, 25px);
  font-weight:600;line-height:1.25;
  letter-spacing:-.015em;
}
/* Numara basliktan bagimsiz: uzun baslik ikinci satira gecerken
   numaranin altina kaymasin. */
.yasal__no{
  flex:none;
  min-width:28px;
  color:var(--mavi);
  font-variant-numeric:tabular-nums;
}

.yasal__metin p,
.yasal__metin li{
  font-size:16px;
  font-weight:300;
  line-height:1.72;
  color:#3A3A3A;
}
.yasal__metin p{margin:0 0 16px}
.yasal__metin p:last-child{margin-block-end:0}
.yasal__metin strong{font-weight:600;color:var(--karbon)}
.yasal__metin a{color:var(--mavi);text-decoration:underline;text-underline-offset:3px}

.yasal__liste{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:flex;flex-direction:column;gap:11px;
}
.yasal__liste li{
  position:relative;
  padding-inline-start:22px;
}
.yasal__liste li::before{
  content:"";
  position:absolute;
  inset-inline-start:2px;
  /* Madde imi ilk satirin govde ortasina hizalanir: 16px x 1.72
     satir kutusunun yarisi, eksi kendi yaricapi. */
  inset-block-start:calc(16px * 1.72 / 2 - 3px);
  width:6px;height:6px;
  border-radius:50%;
  background:var(--mavi);
  opacity:.55;
}

/* ---------- Veri sorumlusu kunyesi ---------- */
.yasal__kunye{
  margin:0;
  padding:26px 28px;
  background:#F4F4F4;
  border-radius:18px;
}
.yasal__kunye-satir{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:6px 18px;
  padding-block:11px;
}
.yasal__kunye-satir + .yasal__kunye-satir{
  border-block-start:1px solid rgba(30,30,30,.08);
}
.yasal__kunye dt{
  font-size:13px;font-weight:600;
  line-height:1.5;
  color:#6E6E6E;
}
.yasal__kunye dd{
  margin:0;
  font-size:15px;font-weight:400;
  line-height:1.5;
  color:var(--karbon);
}
.yasal__kunye dd a{color:var(--mavi);text-decoration:none}
.yasal__kunye dd a:hover{text-decoration:underline}

/* ---------- Haklar kartlari ---------- */
.yasal__haklar{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}
.yasal__haklar li{
  padding:16px 18px;
  background:#F4F4F4;
  border-radius:14px;
  font-size:14.5px;font-weight:300;line-height:1.5;
  color:#3A3A3A;
}
.yasal__haklar b{
  display:block;
  margin-block-end:5px;
  font-size:14.5px;font-weight:600;
  color:var(--karbon);
}

/* ---------- Basvuru kutusu ---------- */
.yasal__basvuru{
  margin-block-start:20px;
  padding:30px 32px;
  background:var(--mavi);
  color:var(--beyaz);
  border-radius:22px;
}
.yasal__basvuru h3{
  margin:0 0 10px;
  font-size:20px;font-weight:600;letter-spacing:-.01em;
}
.yasal__basvuru p{
  margin:0 0 18px;
  font-size:15px;font-weight:300;line-height:1.6;
  color:rgba(254,254,254,.9);
}
.yasal__basvuru-yollar{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.yasal__basvuru-yollar li{
  display:flex;flex-wrap:wrap;gap:4px 10px;
  font-size:15px;font-weight:300;line-height:1.5;
  color:rgba(254,254,254,.9);
}
.yasal__basvuru-yollar b{
  flex:none;
  font-weight:600;color:var(--beyaz);
}
.yasal__basvuru-yollar a{color:var(--beyaz);text-decoration:underline;text-underline-offset:3px}

/* ---------- Mobil ---------- */
@media (max-width:900px){
  .yasal__govde{
    grid-template-columns:1fr;
    gap:0;
    padding-block:40px 56px;
  }
  /* Icindekiler mobilde akisin icinde, katlanabilir bir kutu. */
  .yasal__icindekiler{
    position:static;
    margin-block-end:32px;
    padding:0;
    border:1px solid rgba(30,30,30,.10);
    border-radius:14px;
    overflow:hidden;
  }
  .yasal__ic-baslik{
    margin:0;
    padding:15px 18px;
    background:#F4F4F4;
  }
  .yasal__ic-liste{padding:8px 18px 14px}
  .yasal__ic-liste a{
    padding:9px 0 9px 13px;
    font-size:14px;
  }
  .yasal__metin{max-width:none}
  .yasal__haklar{grid-template-columns:1fr}
}

@media (max-width:680px){

  .yasal__tepe{padding-block:calc(var(--ust-yuk) + 44px) 44px}
  .yasal__bolum{padding-block-end:32px}
  .yasal__bolum + .yasal__bolum{padding-block-start:32px}
  .yasal__bolum-baslik{gap:10px;font-size:19px}
  .yasal__no{min-width:22px}
  .yasal__metin p,.yasal__metin li{font-size:15px;line-height:1.68}
  .yasal__kunye{padding:18px 20px;border-radius:14px}
  /* Dar ekranda etiket/deger yan yana sigmiyor: alt alta gecer. */
  .yasal__kunye-satir{grid-template-columns:1fr;gap:3px}
  .yasal__basvuru{padding:24px 22px;border-radius:18px}
}