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

.legal-hero {
    background: linear-gradient(rgba(46,22,143,0.85), rgba(46,22,143,0.85)), url('/images/hero.png') center/cover no-repeat;
    color: #fff;
    padding: 90px 20px;
    text-align: center;
}

    .legal-hero h1 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .legal-hero p {
        font-size: 1.15rem;
        color: #d8d8d8;
        margin: 0;
    }

.legal-section {
    padding: 70px 0;
    background: #f5f7fa;
}

.legal-card {
    background: #fff;
    border-radius: 18px;
    padding: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
}

.effective-date {
    background: #f8f9fa;
    border-left: 4px solid #c8a75d;
    padding: 15px 20px;
    border-radius: 8px;
    margin-bottom: 35px;
}

.legal-block {
    margin-bottom: 40px;
}

    .legal-block:last-child {
        margin-bottom: 0;
    }

    .legal-block h2 {
        color: #1f2940;
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 15px;
        position: relative;
    }

        .legal-block h2::after {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background: #c8a75d;
            margin-top: 8px;
            border-radius: 50px;
        }

    .legal-block p {
        color: #555;
        line-height: 1.9;
        margin-bottom: 15px;
    }

    .legal-block ul {
        margin: 15px 0;
        padding-left: 20px;
    }

    .legal-block li {
        color: #555;
        margin-bottom: 10px;
        line-height: 1.8;
    }

    .legal-block address {
        margin: 0;
        font-style: normal;
        color: #555;
        line-height: 1.9;
    }

    .legal-block strong {
        color: #1f2940;
    }

@media (max-width: 768px) {

    .legal-hero {
        padding: 70px 15px;
    }

        .legal-hero h1 {
            font-size: 2rem;
        }

    .legal-card {
        padding: 25px;
    }

    .legal-block h2 {
        font-size: 1.2rem;
    }
}