:root { color-scheme:dark; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --canvas:#0d1016; --surface:#151922; --line:#303744; --text:#f2f3f6; --muted:#b6becc; --gold:#cdbb97; background:var(--canvas); color:var(--text); }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; text-underline-offset:4px; } a:hover { color:#e0cba6; } :focus-visible { outline:2px solid #a9bbed; outline-offset:5px; border-radius:3px; }
.legal-skip { position:fixed; left:20px; top:-80px; background:var(--text); color:var(--canvas); padding:14px; z-index:2; }.legal-skip:focus { top:16px; }
.legal-top { max-width:1200px; margin:auto; padding:32px 40px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.legal-brand { font-weight:760; font-size:22px; letter-spacing:.06em; text-decoration:none; }.legal-brand span { color:var(--gold); }.legal-back { font-size:13px; }
.legal-layout { max-width:1200px; margin:auto; display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding:64px 40px 80px; }
.legal-nav { align-self:start; position:sticky; top:32px; display:grid; gap:6px; font-size:13px; line-height:1.5; }.legal-nav p { font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--gold); margin:0 0 16px; }.legal-nav a { padding:12px 14px; border-left:2px solid transparent; color:var(--muted); text-decoration:none; }.legal-nav a[aria-current] { color:var(--text); background:var(--surface); border-color:var(--gold); }.legal-nav a:hover { color:var(--text); background:var(--surface); }
.legal-document { min-width:0; max-width:760px; }.legal-eyebrow { color:var(--gold); font-size:11px; letter-spacing:.15em; text-transform:uppercase; margin:0 0 16px; } h1,h2 { text-wrap:balance; } h1 { font-size:clamp(30px,3.8vw,48px); font-weight:600; letter-spacing:-.045em; line-height:1.1; margin:0 0 24px; }.legal-description { font-size:18px; line-height:1.6; color:var(--muted); margin:0; }.legal-date { font-size:12px; color:var(--muted); margin:24px 0 32px; }
.legal-notice { padding:22px 24px; border:1px solid #cdbb974d; border-radius:10px; background:#cdbb9708; font-size:14px; line-height:1.7; margin:0 0 32px; }.legal-notice strong { color:#e0cba6; }.legal-notice p { margin:8px 0 0; color:var(--muted); }
.legal-contents { display:grid; gap:0; margin:0 0 48px; border-top:1px solid var(--line); }.legal-contents a { display:flex; gap:16px; padding:13px 0; border-bottom:1px solid var(--line); text-decoration:none; font-size:13px; line-height:1.5; }.legal-contents span { color:var(--gold); font-size:11px; font-variant-numeric:tabular-nums; }
.legal-section { display:grid; grid-template-columns:24px minmax(0,1fr); gap:16px; margin:0 0 40px; scroll-margin-top:24px; }.legal-number { font-size:11px; line-height:28px; color:var(--gold); }.legal-section h2 { font-size:22px; line-height:1.35; margin:0 0 20px; font-weight:600; letter-spacing:-.025em; }.legal-section p,.legal-section li { font-size:15px; line-height:1.8; color:#c2cad6; }.legal-section p { margin:0 0 14px; }.legal-section ul,.legal-section ol { padding-left:22px; }.legal-section li { margin-bottom:10px; }.legal-section a { color:#d9e1f2; }.legal-return { display:inline-flex; padding:16px 0; font-size:14px; }
.merchant-requisites { margin:0; font-size:14px; line-height:1.7; }.merchant-requisites>div { padding:14px 0; display:grid; grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr); gap:24px; border-bottom:1px solid var(--line); }.merchant-requisites dt { color:var(--muted); }.merchant-requisites dd { margin:0; overflow-wrap:anywhere; }
.buyer-footer { border-top:1px solid var(--line); max-width:1200px; margin:auto; padding:36px 40px; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:36px; font-size:12px; line-height:1.75; }.buyer-footer strong { font-size:15px; }.buyer-footer p { margin:10px 0 0; color:var(--muted); }.buyer-footer nav { display:grid; align-content:start; gap:10px; }.buyer-footer a { text-decoration:none; }.buyer-footer a:hover { text-decoration:underline; }.buyer-contact>a { color:#d9e1f2; }
@media(max-width:900px) { .legal-layout { grid-template-columns:190px minmax(0,1fr); gap:32px; padding:40px 24px; }.legal-top { padding:24px; }.buyer-footer { padding:32px 24px; gap:24px; grid-template-columns:1fr 1fr; }.buyer-contact { grid-column:1/-1; } }
@media(max-width:640px) { .legal-layout { display:block; padding:24px 20px 40px; }.legal-nav { position:static; margin-bottom:36px; grid-template-columns:1fr; gap:2px; }.legal-nav p { margin:0 0 8px; }.legal-nav a { padding:10px 12px; }.legal-top { padding:22px 20px; }.legal-brand { font-size:18px; }.legal-back { font-size:12px; }.legal-description { font-size:16px; }.legal-section { grid-template-columns:20px minmax(0,1fr); gap:10px; }.legal-section h2 { font-size:20px; }.merchant-requisites>div { grid-template-columns:1fr; gap:4px; }.buyer-footer { grid-template-columns:1fr; padding:28px 20px; gap:24px; }.buyer-footer a { display:inline-block; padding:5px 0; }.legal-notice { padding:18px; } }
@media print { :root { color-scheme:light; background:white; color:black; }.legal-top,.legal-nav,.legal-contents,.buyer-footer,.legal-return { display:none; }.legal-layout { display:block; padding:0; }.legal-document { max-width:none; }.legal-section p,.legal-section li,.legal-description,.legal-date,.merchant-requisites dt,.legal-notice p { color:#222; }.legal-notice { background:none; }.legal-section { break-inside:avoid; } a { color:inherit!important; } }