/* Sözleşme ve bilgilendirme sayfaları — index.html ile aynı tasarım dili */
:root{
  --asfalt:#15171B;
  --beton:#E8E8E3;
  --beton-2:#F4F4F0;
  --kagit:#FFFFFF;
  --turkuaz:#0C6A64;
  --turkuaz-parlak:#29B4AF;
  --marka-gri:#595A5F;
  --serit:#F4C220;
  --ink:#15171B;
  --ink-soft:rgba(21,23,27,.62);
  --ink-faint:rgba(21,23,27,.40);
  --line:rgba(21,23,27,.14);
  --line-dark:rgba(255,255,255,.14);
  --display:"Archivo",system-ui,sans-serif;
  --body:"Instrument Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --pad:clamp(20px,5vw,56px);
  --r:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--beton);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:var(--turkuaz);text-decoration:none;border-bottom:1px solid rgba(12,106,100,.35)}
a:hover{border-bottom-color:var(--turkuaz)}
:focus-visible{outline:3px solid var(--serit);outline-offset:3px}

.wrap{max-width:860px;margin-inline:auto;padding-inline:var(--pad)}

/* Üst bar */
.ust{background:var(--beton);border-bottom:1px solid var(--line)}
.ust__ic{
  max-width:860px;margin-inline:auto;padding:0 var(--pad);
  height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.marka{display:flex;align-items:center;gap:13px;border:0}
.marka img{height:36px;width:auto}
.marka__ad{display:grid;gap:4px;line-height:1;padding-left:13px;border-left:1px solid var(--line)}
.marka__ad i{
  font-style:normal;font-family:var(--display);font-variation-settings:"wdth" 102,"wght" 800;
  font-size:.86rem;text-transform:uppercase;color:var(--marka-gri);
}
.marka__ad b{
  font-family:var(--mono);font-size:.56rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--turkuaz);
}
.geri{
  font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft);border:0;flex-shrink:0;
}
.geri:hover{color:var(--ink)}
@media (max-width:520px){.marka__ad{display:none}}

/* Başlık */
.bas{padding:clamp(44px,7vw,76px) 0 clamp(26px,4vw,40px)}
.etiket{
  font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;
}
.etiket::before{content:"";width:26px;height:3px;background:var(--serit)}
h1{
  font-family:var(--display);font-variation-settings:"wdth" 114,"wght" 800;
  font-size:clamp(1.9rem,4.6vw,3rem);line-height:1;letter-spacing:-.02em;
  text-transform:uppercase;margin:0 0 16px;
}
.bas p{margin:0;color:var(--ink-soft);max-width:60ch}

/* Gövde */
.metin{
  background:var(--kagit);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(24px,4vw,44px);margin-bottom:clamp(40px,6vw,72px);
}
.metin h2{
  font-family:var(--display);font-variation-settings:"wdth" 108,"wght" 700;
  font-size:1.12rem;text-transform:uppercase;letter-spacing:-.005em;
  margin:36px 0 12px;padding-top:22px;border-top:1px solid var(--line);
}
.metin h2:first-child{margin-top:0;padding-top:0;border-top:0}
.metin h3{
  font-family:var(--display);font-variation-settings:"wdth" 104,"wght" 700;
  font-size:.98rem;margin:22px 0 8px;
}
.metin p{margin:0 0 14px}
.metin ul,.metin ol{margin:0 0 16px;padding-left:22px}
.metin li{margin-bottom:7px}
.metin li::marker{color:var(--turkuaz)}
.metin strong{font-weight:600}

/* Taraf bilgileri tablosu */
.tablo{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.94rem}
.tablo th,.tablo td{
  text-align:left;vertical-align:top;padding:11px 14px;border:1px solid var(--line);
}
.tablo th{
  width:38%;background:var(--beton-2);font-weight:600;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-soft);
}
@media (max-width:560px){
  .tablo,.tablo tbody,.tablo tr,.tablo th,.tablo td{display:block;width:100%}
  .tablo tr{margin-bottom:10px;border:1px solid var(--line)}
  .tablo th,.tablo td{border:0}
  .tablo th{padding-bottom:2px}
  .tablo td{padding-top:0}
}

/* Uyarı kutusu */
.dikkat{
  background:var(--beton-2);border-left:3px solid var(--serit);border-radius:var(--r);
  padding:16px 20px;margin:0 0 20px;
}
.dikkat p:last-child{margin-bottom:0}
.dikkat--onemli{border-left-color:var(--turkuaz)}

.guncelleme{
  margin:0;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  color:var(--ink-faint);text-transform:uppercase;
}

/* Alt bilgi */
.alt{background:var(--asfalt);color:rgba(255,255,255,.6);padding:38px 0 26px;font-size:.9rem}
.alt a{color:rgba(255,255,255,.75);border-bottom-color:var(--line-dark)}
.alt a:hover{color:#fff}
.alt__ic{max-width:860px;margin-inline:auto;padding:0 var(--pad)}
.alt__baglar{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 20px;padding:0;list-style:none}
.alt__son{
  border-top:1px solid var(--line-dark);padding-top:18px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
}