/* ============================================================================
   METRIQ — legal metinler (sözleşme · gizlilik · KVKK · ödeme)
   Vitrinin "ANTET" dilinin sakin hâli: okunurluk önce gelir. Uzun metin
   okunacak, taranacak ve avukata gösterilecek → geniş satır aralığı, numaralı
   madde başlıkları, ekrandan çıktı alınabilir sayfa (print kuralları en altta).
   ========================================================================== */
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-ext-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0}
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-ext-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0}
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-700.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Plex";src:url("/fonts/plex-sans-latin-ext-700.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20C0}
@font-face{font-family:"PlexMono";src:url("/fonts/plex-mono-latin-400.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212}
@font-face{font-family:"PlexMono";src:url("/fonts/plex-mono-latin-600.woff2") format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+2212}

:root{
  --sans:"Plex","Segoe UI",system-ui,sans-serif;
  --mono:"PlexMono","Cascadia Mono","Consolas",monospace;
  --ink-950:#0a111d; --murekkep:#16324f; --cizim:#2563a8;
  --kagit:#f2f0ea; --kart:#fff; --cizgi:#ddd8cc; --cizgi-soguk:#e4e7ec;
  --metin:#1d2735; --sonuk:#6b7382; --soluk:#98a0ad;
  --turuncu:#c8500a; --turuncu-koyu:#a84408; --amber:#96690a; --kirmizi:#b3261e; --yesil:#1c7d4d;
  --r:3px;
}
*{box-sizing:border-box;margin:0}
body{font:15.5px/1.75 var(--sans);background:var(--kagit);color:var(--metin);
  -webkit-font-smoothing:antialiased}
.icx{max-width:860px;margin:0 auto;padding:0 24px}

/* --- üst bar (vitrinle aynı) ------------------------------------------------- */
header.ust{background:var(--ink-950);border-bottom:1px solid rgba(255,255,255,.08)}
header.ust .icx{display:flex;align-items:center;gap:20px;height:58px}
.marka{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.mono-kutu{width:30px;height:30px;border:1.5px solid var(--turuncu);color:var(--turuncu);
  display:grid;place-items:center;font:700 15px var(--mono);border-radius:var(--r)}
.marka b{font-size:16px;letter-spacing:.14em}
header.ust a.geri{margin-left:auto;color:#c6cdd8;text-decoration:none;font-size:13px}
header.ust a.geri:hover{color:#fff}

/* --- TASLAK şeridi: hukuk incelemesi bitmeden yayına çıkmasın ---------------- */
.taslak-serit{background:#fdf3d8;border-bottom:1px solid #e2c877;color:#6b4c06;
  font-size:13.5px;padding:11px 0}
.taslak-serit b{color:#8a5f00}
.taslak-serit .icx{display:flex;gap:10px;align-items:flex-start}
.taslak-serit .ikon{font:700 13px var(--mono);border:1.5px solid #b8901f;border-radius:2px;
  padding:0 6px;letter-spacing:.1em;flex:none;margin-top:2px}

/* --- başlık + gezinme -------------------------------------------------------- */
.bas{padding:44px 0 0}
.bas .kicker{font:600 11.5px var(--mono);letter-spacing:.28em;color:var(--cizim);margin-bottom:12px}
.bas h1{font-size:clamp(26px,4vw,36px);line-height:1.2;color:var(--murekkep);letter-spacing:-.01em}
.bas .alt{color:var(--sonuk);margin-top:12px;font-size:15px}
.bas .surum{margin-top:10px;font:400 12px var(--mono);color:var(--soluk)}
nav.legal{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;
  border-bottom:1px solid var(--cizgi);padding-bottom:16px}
nav.legal a{font-size:12.5px;text-decoration:none;color:var(--sonuk);background:var(--kart);
  border:1px solid var(--cizgi);border-radius:2px;padding:6px 12px}
nav.legal a:hover{border-color:var(--murekkep);color:var(--murekkep)}
nav.legal a.aktif{background:var(--murekkep);border-color:var(--murekkep);color:#fff;font-weight:600}

/* --- metin gövdesi ----------------------------------------------------------- */
article{padding:34px 0 70px}
article h2{font-size:17px;color:var(--murekkep);margin:34px 0 10px;letter-spacing:-.005em;
  display:flex;gap:10px;align-items:baseline}
article h2 .no{font:700 12px var(--mono);color:var(--turuncu);letter-spacing:.08em;flex:none}
article h2:first-child{margin-top:0}
article h3{font-size:15px;color:var(--metin);margin:20px 0 6px}
article p{margin:10px 0}
article ul,article ol{margin:10px 0 10px 22px}
article li{margin:5px 0}
article strong{color:var(--murekkep)}
article a{color:var(--cizim)}
article .kunye{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:16px 18px;margin:14px 0;font-size:14.5px}
article .kunye div{display:flex;gap:10px;padding:3px 0;flex-wrap:wrap}
article .kunye .e{color:var(--sonuk);min-width:170px;font-size:13px}
article .kunye .d{font-weight:600}
/* Vurgulu madde: ürünün ilkesini taşıyan hükümler (fiyat listesi sahipliği, mühendis onayı) */
article .ilke{border-left:3px solid var(--turuncu);background:#fdf8f3;padding:12px 16px;margin:14px 0}
article .ilke b{color:var(--turuncu-koyu)}
article table{border-collapse:collapse;width:100%;font-size:14px;margin:14px 0;background:var(--kart)}
article th,article td{border:1px solid var(--cizgi-soguk);padding:8px 10px;text-align:left;
  vertical-align:top}
article th{background:#f7f6f2;color:var(--sonuk);font-size:11.5px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:700}
article .not{font-size:13.5px;color:var(--sonuk);border-top:1px dashed var(--cizgi);
  margin-top:26px;padding-top:14px}
/* Doldurulmamış künye alanı: SESSİZ KALMAZ, sayfada görünür (config.LEGAL) */
mark.eksik{background:#fdecea;color:var(--kirmizi);border:1px dashed var(--kirmizi);
  border-radius:2px;padding:0 5px;font:600 12.5px var(--mono);letter-spacing:.02em}

footer.legal{background:var(--ink-950);color:#7d8898;padding:22px 0;font-size:13px}
footer.legal .icx{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
footer.legal a{color:#9aa5b4;text-decoration:none}
footer.legal a:hover{color:#fff}
footer.legal .sag{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}

@media (max-width:620px){
  body{font-size:15px}
  .bas{padding-top:30px}
  article .kunye .e{min-width:0;flex:1 1 100%;padding-bottom:0}
}

/* Çıktı: metin avukata/aboneye kâğıt olarak da gider */
@media print{
  header.ust,nav.legal,footer.legal,.taslak-serit{display:none}
  body{background:#fff;font-size:11pt;line-height:1.5}
  .icx{max-width:none;padding:0}
  article h2{page-break-after:avoid}
  article .ilke,article .kunye{border:1px solid #999;background:#fff}
}