/* =========================================================================
   ONE BOOST — legal.css
   Styles for policy pages (privacy / terms / refund).
   ========================================================================= */

.legal { padding: 60px 0 90px; }
.legal-wrap { max-width: 820px; }
.legal .back { display: inline-flex; align-items: center; gap: 8px; color: var(--text-2); font-size: 14.5px; font-weight: 600; margin-bottom: 28px; transition: color .18s, gap .18s; }
.legal .back:hover { color: var(--red-ink); gap: 12px; }
.legal h1 { font-family: var(--font-display); font-weight: 800; font-size: clamp(30px, 4vw, 44px); margin-bottom: 10px; }
html[lang="ar"] .legal h1 { font-family: var(--font-ar); line-height: 1.25; }
.legal .updated { color: var(--text-3); font-size: 14px; margin-bottom: 40px; }
.legal h2 { font-family: var(--font-display); font-weight: 700; font-size: 22px; margin: 38px 0 12px; color: var(--text); }
html[lang="ar"] .legal h2 { font-family: var(--font-ar); }
.legal p { color: var(--text-2); font-size: 16px; margin-bottom: 14px; }
.legal ul.bullets { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 0 0 16px; }
.legal ul.bullets li { position: relative; color: var(--text-2); font-size: 16px; padding-inline-start: 22px; }
.legal ul.bullets li::before { content: ""; position: absolute; inset-inline-start: 4px; top: 11px; width: 7px; height: 7px; border-radius: 2px; background: var(--red); }
.legal strong { color: var(--text); }
.legal .box { background: var(--surface); border: 1px solid var(--line); border-inline-start: 3px solid var(--red); border-radius: var(--radius-sm); padding: 18px 22px; margin: 22px 0; }