body{
    margin:0;
    font-family: 'Poppins', sans-serif;
    color:#ffffff;
}

.legal-wrapper{
    width:70vw;
    margin:10vw auto;
}

.legal-title{
    text-align:center;
    font-size:3vw;
    font-weight:700;
}

.legal-date{
    text-align:center;
    font-size:1vw;
    opacity:0.6;
    margin-bottom:3vw;
}

.legal-box{
    background:linear-gradient(145deg,#0000001f,#000000);
    border-radius:1vw;
    padding:3vw;
    box-shadow:0 0 2vw rgba(230,0,0,0.2);
}

.legal-box h2{
    font-size:1.4vw;
    margin-top:2vw;
    color:#FF1A1A;
}

.legal-box p{
    font-size:0.95vw;
    line-height:1.7vw;
    opacity:0.9;
}

.legal-box ul{
    padding-left:1.5vw;
}

.legal-box li{
    font-size:0.95vw;
    line-height:1.7vw;
    margin-bottom:0.7vw;
}
/* ==========================================
   MOBILE RESPONSIVENESS (RWD) - LEGAL PAGES
   ========================================== */

/* 1. TABLETY POZIOMO (do 1024px) */
@media (max-width: 1024px) {
    .legal-wrapper {
        width: 85vw; /* Poszerzamy kontener, żeby tekst nie był za wąski */
        margin: 120px auto 60px auto; /* Zmiana na px, zapobiega wjeżdżaniu pod navbar */
    }

    .legal-title {
        font-size: 40px;
    }

    .legal-date {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .legal-box {
        padding: 40px;
        border-radius: 16px;
    }

    .legal-box h2 {
        font-size: 24px;
        margin-top: 30px;
    }

    .legal-box p, .legal-box li {
        font-size: 16px;
        line-height: 1.6; /* Bez jednostek - najlepsze dla tekstu na każdym ekranie */
        margin-bottom: 12px;
    }
    
    .legal-box ul {
        padding-left: 25px;
    }
}

/* 2. TABLETY PIONOWO I TELEFONY (do 768px) */
@media (max-width: 768px) {
    .legal-wrapper {
        width: 90vw;
        margin: 100px auto 50px auto;
    }

    .legal-title {
        font-size: 32px;
    }

    .legal-date {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .legal-box {
        padding: 30px 25px;
        border-radius: 12px;
    }

    .legal-box h2 {
        font-size: 22px;
        margin-top: 25px;
    }

    .legal-box p, .legal-box li {
        font-size: 15px;
    }
}

/* 3. BARDZO MAŁE TELEFONY (do 480px) */
@media (max-width: 480px) {
    .legal-wrapper {
        width: 92vw; /* Rozciągamy prawie na pełną szerokość telefonu */
        margin: 90px auto 40px auto;
    }

    .legal-title {
        font-size: 26px;
    }

    .legal-date {
        font-size: 12px;
        margin-bottom: 25px;
    }

    .legal-box {
        padding: 25px 20px;
    }

    .legal-box h2 {
        font-size: 20px;
        margin-top: 20px;
    }

    .legal-box p, .legal-box li {
        font-size: 14px; /* Standardowy, optymalny font dla tekstów prawnych na mobile */
    }

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