/* Yasal satış sayfaları (ön bilgilendirme · mesafeli sözleşme · iptal-iade).
   Sade ve okunur; site kabuğu (sidebar) BİLEREK yok — sayfalar menüsüz,
   yalnız ödeme ekranından ve alt bilgiden bağlanacak (2026-09-22). */
:root { --sz-tx: var(--ev-text, #111); --sz-tx2: var(--ev-text-2, #444); --sz-brd: var(--ev-border, #e5e7eb); --sz-acc: var(--ev-accent, #15803d); }
* , *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Instrument Sans', system-ui, -apple-system, sans-serif; background: var(--ev-surface, #fff); color: var(--sz-tx); }
.sz-sayfa { max-width: 780px; margin: 0 auto; padding: 32px 20px 72px; }
.sz-logo { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 15px; color: var(--sz-tx); text-decoration: none; margin-bottom: 26px; }
h1 { font-size: clamp(22px, 4vw, 32px); letter-spacing: -.02em; margin-bottom: 6px; }
h2 { font-size: 16px; margin: 28px 0 10px; padding-bottom: 7px; border-bottom: 1px solid var(--sz-brd); }
p, li { font-size: 14px; line-height: 1.8; color: var(--sz-tx2); margin-bottom: 11px; }
ul, ol { padding-left: 20px; margin-bottom: 12px; }
li { margin-bottom: 4px; }
b { color: var(--sz-tx); }
a { color: var(--sz-acc); }
.sz-tarih { font-size: 12.5px; color: var(--ev-yazi-d, #777); margin-bottom: 22px; }
.sz-tablo { width: 100%; border-collapse: collapse; margin-bottom: 14px; font-size: 13.5px; }
.sz-tablo th, .sz-tablo td { border: 1px solid var(--sz-brd); padding: 8px 11px; text-align: left; vertical-align: top; line-height: 1.6; }
.sz-tablo th { width: 210px; font-weight: 600; color: var(--sz-tx); background: var(--ev-zemin-f, #fafafa); }
.sz-taslak { display: none; background: #fef3c7; border: 1px solid #fde68a; border-left: 4px solid #f59e0b; border-radius: 9px; padding: 12px 15px; margin-bottom: 22px; font-size: 13px; line-height: 1.65; color: #92400e; }
.sz-taslak code { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 4px; padding: 1px 5px; }
.sz-alt { margin-top: 34px; padding-top: 16px; border-top: 1px solid var(--sz-brd); font-size: 12.5px; }
.sz-logolar { display: block; max-width: 100%; height: 30px; margin: 18px 0 0; }
@media (max-width: 560px) { .sz-tablo th { width: 40%; } .sz-tablo th, .sz-tablo td { padding: 7px 9px; } }