/* Оформление юридических страниц: соглашение, конфиденциальность, возврат.

   Раньше эти стили лежали тегом <style> в конце каждой страницы — три копии
   одного и того же, расходящиеся при первой же правке. */

.legal-container {
    padding: 80px 50px;
    padding-top: calc(80px + 60px);
    max-width: 900px;
    margin: 0 auto;
}

.legal-container h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    background: linear-gradient(135deg, var(--primary-blue), var(--primary-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.last-updated {
    color: var(--text-muted);
    margin-bottom: 40px;
    font-size: 0.95rem;
}

.legal-container h2 {
    font-size: 1.35rem;
    margin-top: 42px;
    margin-bottom: 14px;
    color: var(--text-main);
}

.legal-container p {
    color: var(--text-muted);
    margin-bottom: 14px;
    line-height: 1.75;
}

.legal-container strong { color: var(--text-main); }

.legal-container ul {
    color: var(--text-muted);
    margin: 16px 0;
    padding-left: 22px;
}

.legal-container li {
    margin-bottom: 9px;
    line-height: 1.75;
}

.legal-container a {
    color: var(--primary-blue);
    text-decoration: none;
    transition: color 0.3s ease;
}

.legal-container a:hover { color: var(--primary-purple); }

/* Выноска для важного: сроки возврата, гарантия на первую покупку. Такие
   вещи ищут глазами, и они не должны теряться в сплошном тексте. */
.legal-note {
    margin: 24px 0;
    padding: 18px 22px;
    border-radius: 14px;
    border: 1px solid rgba(124, 46, 138, 0.45);
    background: rgba(124, 46, 138, 0.12);
}

.legal-note p:last-child { margin-bottom: 0; }
.legal-note strong { color: var(--text-main); }

@media (max-width: 768px) {
    .legal-container {
        padding: 60px 24px;
        padding-top: calc(60px + 50px);
    }
    .legal-container h1 { font-size: 2rem; }
    .legal-container h2 { font-size: 1.2rem; }
}

@media (max-width: 480px) {
    .legal-container {
        padding: 40px 18px;
        padding-top: calc(40px + 50px);
    }
    .legal-container h1 { font-size: 1.7rem; }
    .legal-container h2 { font-size: 1.15rem; }
    .legal-note { padding: 14px 16px; }
}