/* ---------------------------------------------------------------------------
   birebir — hukuki metin dizgisi
   Sözleşme sayfaları için ortak stil. Pazarlama sayfalarının (styles.css)
   renkli/geniş dilinden bilinçli olarak ayrılır: seri font, küçük punto,
   iki yana yaslı paragraf, madde numaralandırması. Amaç, metnin sözleşme
   olarak okunması ve çıktısının resmî bir belge gibi görünmesidir.
--------------------------------------------------------------------------- */

:root{
  --lg-ink:#1a1a1a;
  --lg-ink2:#333;
  --lg-muted:#666;
  --lg-rule:#c9c9c9;
  --lg-rule-soft:#e4e4e4;
  --lg-bg:#fff;
  --lg-link:#7a1220;
}

*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:'Times New Roman', Times, 'Liberation Serif', 'Nimbus Roman', serif;
  background:var(--lg-bg);
  color:var(--lg-ink);
  font-size:13.5px;
  line-height:1.62;
  -webkit-text-size-adjust:100%;
}

/* --- Başlık bandı: sade, kurumsal --- */
.doc-head{
  border-bottom:2px solid var(--lg-ink);
  padding:22px 24px 14px;
  max-width:940px;
  margin:0 auto;
}
.doc-head .brand{
  font-family:'Plus Jakarta Sans', system-ui, sans-serif;
  font-weight:800;font-size:16px;letter-spacing:-.3px;
  color:var(--lg-ink);text-decoration:none;
}
.doc-head .corp{
  font-size:11px;color:var(--lg-muted);margin-top:2px;letter-spacing:.02em;
}
.doc-head h1{
  font-size:19px;font-weight:700;margin-top:14px;
  text-transform:uppercase;letter-spacing:.06em;text-align:center;
}
.doc-head .meta{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 18px;
  font-size:11px;color:var(--lg-muted);margin-top:12px;
}

/* --- Gövde --- */
.doc{
  max-width:940px;margin:0 auto;padding:26px 24px 60px;
}
.doc p{ text-align:justify; hyphens:auto; margin:0 0 8px; color:var(--lg-ink2); }
.doc .lead{ margin-bottom:16px; }

/* Madde başlıkları */
.doc h2{
  font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  margin:22px 0 8px;color:var(--lg-ink);
  border-bottom:1px solid var(--lg-rule-soft);padding-bottom:4px;
}
.doc h3{ font-size:13.5px;font-weight:700;margin:14px 0 5px;color:var(--lg-ink); }

/* Numaralı fıkralar: 1.1, 1.2 … elle yazılır ki alıntılanabilsin */
.doc ol.clauses{ list-style:none;margin:0 0 8px; }
.doc ol.clauses > li{ margin:0 0 7px;padding-left:34px;position:relative;text-align:justify;color:var(--lg-ink2); }
.doc ol.clauses > li > .n{ position:absolute;left:0;top:0;font-weight:700;color:var(--lg-ink);min-width:30px; }

/* Harfli alt bentler (a), (b) … */
.doc ol.letters{ list-style:lower-alpha;margin:5px 0 7px 30px; }
.doc ol.letters > li{ margin-bottom:4px;text-align:justify;color:var(--lg-ink2);padding-left:3px; }
.doc ul.dashed{ list-style:none;margin:5px 0 7px 20px; }
.doc ul.dashed > li{ position:relative;padding-left:14px;margin-bottom:4px;text-align:justify;color:var(--lg-ink2); }
.doc ul.dashed > li::before{ content:"–";position:absolute;left:0;color:var(--lg-muted); }

/* İçindekiler */
.toc{
  border:1px solid var(--lg-rule);padding:14px 18px;margin:0 0 22px;
  column-count:2;column-gap:34px;font-size:12px;
}
.toc h2{ column-span:all;border:0;margin:0 0 8px;padding:0;font-size:12px; }
.toc a{ color:var(--lg-ink2);text-decoration:none;display:block;margin-bottom:3px; }
.toc a:hover{ color:var(--lg-link);text-decoration:underline; }

/* Künye / imza tablosu */
table.key{ width:100%;border-collapse:collapse;margin:8px 0 12px;font-size:12.5px; }
table.key th,table.key td{ border:1px solid var(--lg-rule);padding:6px 9px;text-align:left;vertical-align:top; }
table.key th{ width:230px;font-weight:700;background:#fafafa; }

a.ref{ color:var(--lg-link);text-decoration:underline; }
.small{ font-size:11.5px;color:var(--lg-muted); }
.center{ text-align:center; }

/* Altbilgi */
.doc-foot{
  border-top:1px solid var(--lg-rule);max-width:940px;margin:0 auto;
  padding:16px 24px 40px;font-size:11.5px;color:var(--lg-muted);
}
.doc-foot nav{ display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:10px; }
.doc-foot nav a{ color:var(--lg-ink2);text-decoration:none; }
.doc-foot nav a:hover{ text-decoration:underline; }
.doc-foot .pay img{ height:22px;width:auto;margin:8px 0 6px;opacity:.9 }
.doc-foot .corp-line{ line-height:1.55; }

@media (max-width:640px){
  body{ font-size:13px; }
  .toc{ column-count:1; }
  table.key th{ width:130px; }
}

/* Yazdırma: sözleşmenin kâğıda resmî belge olarak çıkması için */
@media print{
  body{ font-size:10.5pt;line-height:1.45; }
  .doc-head,.doc,.doc-foot{ max-width:none;padding-left:0;padding-right:0; }
  .toc,.doc-foot nav,.doc-foot .pay{ display:none; }
  .doc h2{ page-break-after:avoid; }
  .doc p,.doc ol.clauses > li{ orphans:3;widows:3; }
}