/* Yasal/kurumsal sayfalarin ortak stili.
 *
 * Fontlar BILEREK /haziranevrak/fonts/ altindan geliyor: o dosyalar zaten
 * yayinda, Latin+Latin-Ext'e subset edilmis (14 KB/agirlik) ve
 * font-display:swap ile hicbir seyi bloklamiyor. Google Fonts'a ikinci bir
 * origin acmanin anlami yok — evrak modulunde ayni link acilisi ~730 ms
 * geciktirmisti.
 *
 * fonts.css buraya @import EDILMIYOR: @import serial bir zincir kurar
 * (yasal.css inecek, ayristirilacak, sonra fonts.css istenecek). Sayfalar
 * iki <link>'i yan yana veriyor, ikisi paralel iniyor. */

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

:root {
  --ink:        #15172B;
  --ink-soft:   #3A3B5C;
  --muted:      #8A8AA8;
  --cream:      #FFF6EC;
  --cream-warm: #FFEDD8;
  --paper:      #FFFFFF;
  --coral:      #FF5A4E;
  --teal:       #0FB5A1;
  --mustard:    #FFC93C;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  background: var(--cream);
  color: var(--ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ─── Ust cubuk ─────────────────────────────────────────────── */
.site-head {
  background: var(--cream);
  border-bottom: 1px solid var(--ink);
  padding: 14px 22px;
}
.site-head .wrap {
  max-width: 820px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-head a.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  color: var(--ink);
}
.site-head .mark {
  width: 36px; height: 36px;
  background: var(--coral);
  border: 1px solid var(--ink);
  border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  color: var(--paper);
  font-weight: 800;
  font-size: 17px;
  flex-shrink: 0;
}
.site-head .name { font-size: 19px; font-weight: 800; letter-spacing: -0.02em; }
.site-head .slogan {
  font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--ink-soft); margin-top: 2px;
}

/* ─── Govde ─────────────────────────────────────────────────── */
main { flex: 1 0 auto; padding: 40px 22px 56px; }
.doc { max-width: 820px; margin: 0 auto; }

.doc h1 {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.12;
  margin-bottom: 10px;
}
.doc .updated {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 28px;
}
.doc h2 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.015em;
  margin: 34px 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ink);
}
.doc h3 { font-size: 14.5px; font-weight: 800; margin: 20px 0 8px; }
.doc p  { font-size: 14.5px; color: var(--ink-soft); margin-bottom: 12px; }
.doc strong { color: var(--ink); font-weight: 700; }
.doc a { color: var(--coral); text-decoration: underline; text-underline-offset: 3px; }

.doc ul, .doc ol { margin: 0 0 14px 22px; }
.doc li { font-size: 14.5px; color: var(--ink-soft); margin-bottom: 7px; }

/* Satici/taraf bilgileri, ozet kutulari */
.box {
  background: var(--paper);
  border: 1px solid var(--ink);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 16px 0 22px;
}
.box.warm  { background: var(--cream-warm); }
.box.alert { background: #FFE2DF; }
.box p:last-child, .box ul:last-child, .box dl:last-child { margin-bottom: 0; }

/* Taraf bilgisi tablosu (etiket + deger) */
dl.kv { display: grid; grid-template-columns: 190px 1fr; gap: 8px 16px; }
dl.kv dt {
  font-size: 12px; font-weight: 800; text-transform: uppercase;
  letter-spacing: .06em; color: var(--ink); padding-top: 2px;
}
dl.kv dd { font-size: 14.5px; color: var(--ink-soft); }
@media (max-width: 600px) {
  dl.kv { grid-template-columns: 1fr; gap: 2px; }
  dl.kv dd { margin-bottom: 10px; }
}

table.fiyat {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0 20px;
  font-size: 14px;
}
table.fiyat th, table.fiyat td {
  border: 1px solid var(--ink);
  padding: 9px 12px;
  text-align: left;
}
table.fiyat th { background: var(--cream-warm); font-weight: 800; font-size: 12.5px; }
table.fiyat td.num { text-align: right; font-weight: 700; color: var(--ink); }

/* ─── Alt bilgi ─────────────────────────────────────────────── */
.site-foot {
  flex-shrink: 0;
  background: var(--cream-warm);
  border-top: 1px solid var(--ink);
  padding: 28px 22px 34px;
}
.site-foot .wrap { max-width: 820px; margin: 0 auto; }
.site-foot .links {
  display: flex; flex-wrap: wrap; gap: 8px 20px;
  margin-bottom: 16px;
}
.site-foot .links a {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft);
  text-decoration: underline;
  text-decoration-color: rgba(255, 90, 78, .45);
  text-underline-offset: 4px;
}
.site-foot .links a:hover { color: var(--coral); }
.site-foot .kunye {
  font-size: 12px;
  line-height: 1.7;
  color: var(--muted);
}
.site-foot .kunye strong { color: var(--ink-soft); font-weight: 700; }