#age-warning-modal{

    position:fixed;

    inset:0;

    z-index:999999;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:var(--vz-space-2xl);

}

.age-warning-backdrop{

    position:absolute;

    inset:0;

    background:rgba(17,24,39,.70);

    backdrop-filter:blur(3px);

}

.age-warning-box{

    position:relative;

    z-index:2;

    width:min(760px,95vw);

    background:var(--vz-white);

    border-radius:24px;

    padding:40px;

    box-shadow:
        0 20px 60px rgba(0,0,0,.18),
        0 8px 24px rgba(0,0,0,.10);

}

.age-warning-box h3{

    margin:0 0 24px;

    color:var(--vz-text-dark);

    font-size:34px;

    font-weight:700;

    line-height:1.2;

}

.age-warning-box p{

    margin:0 0 18px;

    color:var(--vz-text);

    font-size:17px;

    line-height:1.8;

    font-weight:400;

}

#age-warning-confirm{

    width:100%;

    border:none;

    border-radius:14px;

    padding:18px 24px;

    margin-top:16px;

    cursor:pointer;

    background:var(--vz-primary);

    color:var(--vz-white);

    font-size:18px;

    font-weight:700;

    transition:.25s ease;

}

#age-warning-confirm:hover{

    background:var(--vz-turquoise);

    transform:translateY(-1px);

}

#age-warning-confirm:active{

    transform:translateY(0);

}

/* =====================================
   RESPONSIVE
===================================== */

@media(max-width:768px){

    #age-warning-modal{

        padding:var(--vz-space-lg);

    }

    .age-warning-box{

        width:100%;

        padding:20px;

        border-radius:var(--vz-radius-lg);

    }

    .age-warning-box h3{

        font-size:var(--vz-font-2xl);

        margin-bottom:16px;

    }

    .age-warning-box p{

        font-size:var(--vz-font-md);

        line-height:1.6;

        margin-bottom:12px;

    }

    #age-warning-confirm{

        padding:12px 16px;

        font-size:var(--vz-font-lg);

        border-radius:var(--vz-radius-md);

        margin-top:12px;

    }

}

@media(max-width:768px){

    #age-warning-modal{

        padding:12px;

    }

    .age-warning-box{

        padding:20px;

        border-radius:var(--vz-radius-lg);

    }

    .age-warning-box h3{

        font-size:var(--vz-font-2xl);

        line-height:1.3;

        margin-bottom:12px;

    }

    .age-warning-box p{

        font-size:var(--vz-font-md);

        line-height:1.5;

        margin-bottom:10px;

    }

    #age-warning-confirm{

        padding:12px 16px;

        font-size:var(--vz-font-lg);

        border-radius:var(--vz-radius-md);

        margin-top:12px;

    }

}