.footer__legal { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px; margin:22px auto 18px; }
.footer__legal, .footer__seller, .checkout-legal, .checkout-note { font-family:system-ui,-apple-system,sans-serif; font-size:13px; line-height:1.6; }
.footer__legal a, .checkout-legal a { text-decoration:underline; text-underline-offset:3px; }
.footer__legal a:hover, .checkout-legal a:hover { text-decoration-thickness:2px; }
.footer__seller { margin-bottom:18px; }
.checkout-note { margin-bottom:16px; color:var(--text); }
.checkout-note--draft { padding:12px; background:var(--cream-dark); border-radius:10px; }
.checkout-legal { margin-bottom:18px; }
.telegram-order-link { display:flex; margin:20px 0 14px; }
.telegram-order-link[hidden] { display:none; }
.checkout-legal > p { margin:10px 0 0 30px; }
.legal-check { display:flex; align-items:flex-start; gap:10px; margin-bottom:12px; }
.legal-check input { flex:0 0 20px; width:20px; height:20px; margin:2px 0 0; accent-color:var(--orange-900); }
.legal-check a { color:var(--orange-900); }
.legal-page { font-family:system-ui,-apple-system,sans-serif; line-height:1.75; }
.legal-header { border-bottom:1px solid var(--orange-100); padding:24px; }
.legal-header__inner { max-width:860px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.legal-back { text-decoration:underline; text-underline-offset:4px; }
.legal-document { max-width:860px; margin:auto; padding:44px 24px 64px; }
.legal-document h1 { font-family:var(--font-heading); font-size:clamp(26px,5vw,42px); line-height:1.2; margin:16px 0; }
.legal-document h2 { font-family:system-ui,-apple-system,sans-serif; font-size:20px; margin:28px 0 10px; }
.legal-document p, .legal-document ul, .legal-document ol { margin-bottom:16px; }
.legal-document ul, .legal-document ol { padding-left:24px; list-style:revert; }
.legal-document li { margin:8px 0; }
.legal-document a { text-decoration:underline; overflow-wrap:anywhere; }
.legal-draft { background:#fff0d6; border-left:3px solid #c9784a; padding:16px 20px; border-radius:4px; font-size:14px; }
.legal-version { color:var(--text); font-size:13px; }
.legal-nav { display:flex; flex-wrap:wrap; gap:12px 24px; border-top:1px solid var(--orange-100); margin-top:36px; padding-top:24px; font-size:14px; }
@media(max-width:560px) { .legal-header__inner { align-items:flex-start; flex-direction:column; gap:16px; } .legal-document { padding-top:24px; } }