/* Страницы-документы: оферта, политика, персональные данные, оплата, контакты.
   Их читают, а не просматривают, поэтому колонка узкая и межстрочный интервал
   больше обычного. */

.legal {
    max-width: 820px;
    margin: 0 auto;
    padding: 48px 24px 72px;
    line-height: 1.7;
    color: #2c3038;
}

.legal h1 {
    margin: 0 0 8px;
    font-size: 30px;
    line-height: 1.25;
}

.legal h2 {
    margin: 36px 0 12px;
    font-size: 19px;
    line-height: 1.35;
}

.legal p { margin: 0 0 14px; }
.legal ul, .legal ol { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin-bottom: 8px; }

.legal-updated {
    margin: 0 0 28px;
    font-size: 13px;
    color: #9a9ea8;
}

/* Заглушка вместо реквизитов не должна уехать в банк незамеченной, поэтому
   предупреждение видно всем и выглядит как ошибка, а не как примечание. */
.legal-warning {
    margin-bottom: 28px;
    padding: 14px 16px;
    border: 1px solid #f3c9c9;
    border-left: 3px solid #c0392b;
    border-radius: 8px;
    background: #fffafa;
    font-size: 14px;
    color: #a32020;
}

.legal-warning code {
    display: block;
    margin-top: 6px;
    font-size: 12.5px;
    color: #6b6f79;
    word-break: break-word;
}

/* Незаполненный пункт внутри документа — по той же причине заметный. */
.legal-todo {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-left: 3px solid #e0a500;
    border-radius: 6px;
    background: #fff9e9;
    font-size: 13.5px;
    color: #7a5a00;
}

.legal-requisites {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid #e6e8ef;
}

.legal-requisites h2 { margin-top: 0; }

.legal-requisites dl {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(160px, 220px) 1fr;
    gap: 8px 20px;
}

.legal-requisites dt { color: #6b6f79; font-size: 13.5px; }
.legal-requisites dd { margin: 0; font-size: 14px; }

@media (max-width: 640px) {
    .legal { padding: 32px 18px 56px; }
    .legal-requisites dl { grid-template-columns: 1fr; gap: 2px; }
    .legal-requisites dt { margin-top: 10px; }
}

/* --- Подвал с реквизитами (base.html) ------------------------------------ */

.footer-col h4 {
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.footer-col p { margin: 0 0 6px; font-size: 13px; line-height: 1.5; }
.footer-col a { display: block; margin-bottom: 6px; font-size: 13px; }
.footer-legal { font-weight: 700; }

.footer-pay {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px 0 4px;
    font-size: 13px;
}

.pay-logos { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pay-logos img { height: 26px; width: auto; }

/* Заглушка вместо фирменного логотипа: видно, что его ещё не поставили.
   Настоящие марки платёжных систем берутся из брендбуков (см.
   main/_payment_logos.html) — самодельные банк не примет. */
.pay-logo-missing {
    padding: 4px 10px;
    border: 1px dashed currentColor;
    border-radius: 6px;
    font-size: 12px;
    opacity: .75;
}