/* Юридичні сторінки — фон на весь viewport */
html.page-legal,
html.page-legal body {
    margin: 0;
    min-height: 100%;
    background: #f9fafb;
    color: #111827;
}

/* Юридичні сторінки — спільні стилі */
.legal-page {
    min-height: 100vh;
    background: #f9fafb;
    color: #111827;
    font-family: 'Inter', system-ui, sans-serif;
    line-height: 1.65;
}

/* Верхня навігація (landing-nav) — fixed, відступ під контент */
.legal-page .landing-nav-inner.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.legal-nav-link--active {
    color: #facc15 !important;
}

.legal-main {
    max-width: 800px;
    margin: 0 auto;
    padding: 88px 24px 56px;
}

.legal-main h1 {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0 0 8px;
    color: #111827;
}

.legal-updated {
    font-size: 0.85rem;
    color: #6b7280;
    margin-bottom: 32px;
}

.legal-requisites {
    list-style: none;
    padding-left: 0;
}

.legal-requisites li {
    margin-bottom: 8px;
}

.legal-main h2 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 28px 0 12px;
    color: #1e3a8a;
}

.legal-main p,
.legal-main li {
    font-size: 0.95rem;
    color: #374151;
    margin: 0 0 12px;
}

.legal-main ul,
.legal-main ol {
    margin: 0 0 16px;
    padding-left: 1.25rem;
}

.legal-main a {
    color: #2563eb;
}

.legal-placeholder {
    background: #fef3c7;
    border: 1px dashed #d97706;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.85em;
}

.legal-footer {
    background: #111827;
    color: #9ca3af;
    padding: 24px 0;
    font-size: 0.85rem;
    text-align: center;
}

.legal-footer .footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin-bottom: 12px;
}

.legal-footer .footer-legal-links a {
    color: #d1d5db;
    text-decoration: none;
}

.legal-footer .footer-legal-links a:hover {
    color: #fff;
}

.site-footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin: 12px 0 8px;
    padding: 0;
    list-style: none;
}

.site-footer-legal a {
    color: #9ca3af;
    text-decoration: none;
    font-size: 0.8rem;
}

.site-footer-legal a:hover {
    color: #fff;
}

.checkout-legal {
    margin: 8px 0 0;
    font-size: 0.65rem;
    line-height: 1.4;
    color: #9ca3af;
    text-align: center;
}

.checkout-legal a {
    color: #6b7280;
    text-decoration: underline;
}