/* ============================================================================
   SUR KEBAP — Yasal sayfalar (KVKK, Mesafeli Satış Sözleşmesi, İptal/İade)
   style.css'teki ortak tasarım değişkenlerini kullanır.
   ============================================================================ */

.legalTop{border-bottom:1px solid var(--soft);padding:22px 0}
.legalTopRow{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.legalBrand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:16px;letter-spacing:.04em}
.legalBrand .mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;position:relative;flex:none}
.legalBrand .mark span{font-family:var(--serif);font-size:14px}
.legalBack{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}

.legalMain{padding:64px 0 90px}
.legalMain .kicker{color:var(--gold);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
.legalMain h1{font-family:var(--serif);font-size:clamp(28px,4vw,42px);margin:0 0 8px;letter-spacing:-.01em}
.legalMain .updated{color:var(--muted);font-size:12px;margin-bottom:40px}

.legalBody{max-width:720px}
.legalBody h2{font-family:var(--serif);font-size:19px;color:var(--gold);margin:34px 0 12px;letter-spacing:.01em}
.legalBody h2:first-child{margin-top:0}
.legalBody p{color:#d7d0c4;font-size:14.5px;line-height:1.75;margin:0 0 14px}
.legalBody ul{margin:0 0 14px;padding-left:20px;color:#d7d0c4;font-size:14.5px;line-height:1.75}
.legalBody li{margin-bottom:6px}
.legalBody strong{color:var(--paper)}

.legalNote{margin-top:48px;padding:18px 20px;border:1px solid var(--line);background:rgba(197,160,90,.07);color:#cbbf9f;font-size:12.5px;line-height:1.65;max-width:720px}
.legalNote b{color:var(--gold)}

.legalLinks{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;padding-top:28px;border-top:1px solid var(--soft);max-width:720px}
.legalLinks a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.legalLinks a:hover{opacity:.8}

@media(max-width:640px){.legalMain{padding:44px 0 60px}}