/* =========================================================
COOKIE CONSENT
========================================================= */

.cookie-consent{

position:fixed;

left:20px;
right:20px;
bottom:20px;

z-index:999999;

display:none;

animation:
cookieFade .4s ease;

}

@keyframes cookieFade{

from{

opacity:0;
transform:translateY(20px);

}

to{

opacity:1;
transform:translateY(0);

}

}

.cookie-content{

max-width:1100px;

margin:auto;

background:
rgba(17,17,17,.96);

backdrop-filter:blur(12px);

border:
1px solid rgba(255,255,255,.08);

border-radius:22px;

padding:24px 28px;

display:flex;

align-items:center;
justify-content:space-between;

gap:25px;

box-shadow:
0 18px 45px rgba(0,0,0,.28);

}

.cookie-text{

flex:1;

}

.cookie-text h3{

margin:0 0 10px;

font-size:22px;

font-weight:700;

line-height:1.2;

color:#ffffff;

}

.cookie-text p{

margin:0;

font-size:15px;

line-height:1.8;

color:
rgba(255,255,255,.82);

}

.cookie-text a{

color:#ff9d00;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.cookie-text a:hover{

color:#ffffff;

}

.cookie-actions{

display:flex;

align-items:center;

gap:14px;

}

.cookie-btn{

border:none;

outline:none;

cursor:pointer;

padding:14px 28px;

border-radius:40px;

font-size:15px;

font-weight:700;

transition:.3s;

background:
linear-gradient(
135deg,
#ff7b00,
#ff2f92
);

color:#ffffff;

min-width:150px;

}

.cookie-btn:hover{

transform:
translateY(-2px);

box-shadow:
0 10px 24px rgba(255,77,109,.28);

}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:768px){

.cookie-consent{

left:12px;
right:12px;
bottom:12px;

}

.cookie-content{

flex-direction:column;

align-items:flex-start;

padding:22px;

gap:18px;

border-radius:20px;

}

.cookie-text h3{

font-size:20px;

}

.cookie-text p{

font-size:14px;

line-height:1.7;

}

.cookie-actions{

width:100%;

}

.cookie-btn{

width:100%;

min-width:auto;

}

}

@media(max-width:480px){

.cookie-content{

padding:18px;

}

.cookie-text h3{

font-size:18px;

}

.cookie-text p{

font-size:13px;

}

.cookie-btn{

padding:13px 20px;

font-size:14px;

}

}