/* privacy_policy.css - Политика конфиденциальности */

.privacy-policy {
    padding: 60px 0;
}

.privacy-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

.privacy-policy h1 {
    margin-bottom: 8px;
}

.policy-date {
    font-size: 14px;
    color: var(--color-text-tertiary);
    margin-bottom: 48px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-border);
}

.policy-section {
    margin-bottom: 40px;
}

.policy-section h2 {
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--color-text-primary);
}

.policy-section p {
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin-bottom: 16px;
}

.policy-section ul {
    margin: 0 0 16px 24px;
}

.policy-section li {
    font-size: 15px;
    line-height: 1.6;
    color: var(--color-text-secondary);
    margin-bottom: 8px;
}

.policy-footer {
    margin-top: 48px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border);
    font-size: 14px;
    color: var(--color-text-tertiary);
    text-align: center;
}

@media (max-width: 768px) {
    .privacy-policy {
        padding: 40px 0;
    }

    .privacy-policy h1 {
        font-size: 28px;
    }

    .policy-section h2 {
        font-size: 20px;
    }

    .policy-section p,
    .policy-section li {
        font-size: 14px;
    }
}

.legal-page {
        background-color: #f8f9fa;
        min-height: 100vh;
    }

    .legal-page .nav-pills .nav-link {
        color: #495057;
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        border-radius: 0.375rem;
    }

    .legal-page .nav-pills .nav-link:hover {
        background-color: #e9ecef;
        color: #1e3a5f;
    }

    .legal-page .nav-pills .nav-link.active {
        background-color: #1e3a5f;
        color: white;
    }

    .legal-page section {
        scroll-margin-top: 20px;
    }

    .legal-page h2 {
        color: #1e3a5f;
        border-bottom: 2px solid #1e3a5f;
        padding-bottom: 0.5rem;
    }

    .legal-page h3, .legal-page h4 {
        color: #2c3e50;
    }

    .legal-page table {
        font-size: 0.9rem;
    }

    @media (max-width: 768px) {
        .legal-page .sticky-top {
            position: relative;
            top: 0;
        }
    }