/* COOKIE CONSENT */

.cookie-consent{
    position:fixed;
    bottom:24px;
    left:24px;
    right:24px;
    z-index:99999;
    background:white;
    border-radius:28px;
    box-shadow:0 25px 80px rgba(15,23,42,0.18);
    padding:28px 34px;
    border:1px solid #E2E8F0;
    animation:cookieSlideUp 0.4s ease;
}

@keyframes cookieSlideUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.cookie-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
}

.cookie-text{
    flex:1;
    min-width:300px;
}

.cookie-text h3{
    font-size:24px;
    margin-bottom:10px;
}

.cookie-text p{
    color:#475569;
    margin-bottom:14px;
    max-width:900px;
}

.cookie-links{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.cookie-links a{
    color:#2563EB;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
}

.cookie-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.cookie-btn{
    border:none;
    padding:16px 22px;
    border-radius:16px;
    cursor:pointer;
    font-weight:600;
    transition:0.3s ease;
    font-family:'Inter',sans-serif;
}

.cookie-btn:hover{
    transform:translateY(-2px);
}

.cookie-btn.primary{
    background:#2563EB;
    color:white;
}

.cookie-btn.secondary{
    background:#F1F5F9;
    color:#0F172A;
}

/* MODAL */

.cookie-modal{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,0.55);
    backdrop-filter:blur(6px);
    z-index:100000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.cookie-modal.active{
    display:flex;
}

.cookie-modal-content{
    width:100%;
    max-width:760px;
    background:white;
    border-radius:32px;
    padding:40px;
    box-shadow:0 25px 80px rgba(15,23,42,0.25);
}

.cookie-modal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.cookie-modal-header h2{
    font-size:34px;
}

.cookie-modal-header button{
    border:none;
    background:#F1F5F9;
    width:42px;
    height:42px;
    border-radius:12px;
    cursor:pointer;
    font-size:18px;
}

.cookie-modal-intro{
    color:#64748B;
    margin-bottom:30px;
}

.cookie-option{
    display:flex;
    justify-content:space-between;
    gap:30px;
    padding:24px 0;
    border-bottom:1px solid #E2E8F0;
}

.cookie-option h4{
    font-size:18px;
    margin-bottom:8px;
}

.cookie-option p{
    color:#64748B;
    max-width:520px;
}

.cookie-modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:14px;
    margin-top:35px;
}

/* TOGGLE SWITCH */

.switch{
    position:relative;
    width:56px;
    height:32px;
    flex-shrink:0;
}

.switch input{
    display:none;
}

.slider{
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#CBD5E1;
    transition:0.3s;
    border-radius:100px;
}

.slider:before{
    position:absolute;
    content:"";
    height:24px;
    width:24px;
    left:4px;
    top:4px;
    background:white;
    transition:0.3s;
    border-radius:50%;
}

.switch input:checked + .slider{
    background:#2563EB;
}

.switch input:checked + .slider:before{
    transform:translateX(24px);
}

/* MOBILE */

@media(max-width:768px){

.cookie-consent{
    left:16px;
    right:16px;
    bottom:16px;
    padding:24px;
}

.cookie-actions{
    width:100%;
}

.cookie-btn{
    flex:1;
}

.cookie-modal-content{
    padding:28px;
}

.cookie-option{
    flex-direction:column;
    gap:20px;
}

.cookie-modal-actions{
    flex-direction:column;
}

}