/*==================================================
    LEGAL PAGES
==================================================*/

.legal-page {
    padding: 60px 0 80px;
    background: var(--bz-gray-100);
}

.legal-card {
    background: #fff;
    border: 1px solid var(--bz-border);
    border-radius: var(--bz-radius-lg);
    padding: 45px;
    box-shadow: var(--bz-shadow-sm);
}

.legal-title {
    font-size: clamp(28px,3.2vw,38px);
    font-weight: 800;
    margin-bottom: 10px;
}

.legal-date {
    color: var(--bz-gray-500);
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--bz-border);
}

.legal-section {
    margin-bottom: 35px;
}

    .legal-section h3 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 15px;
        color: var(--bz-primary);
    }

    .legal-section p,
    .legal-section li {
        color: var(--bz-text);
        line-height: 1.9;
    }

    .legal-section ul {
        padding-left: 20px;
    }

@media(max-width:768px) {
    .legal-card {
        padding: 26px 22px;
    }
}