.cookie-banner{

position:fixed;

left:20px;

right:20px;

bottom:20px;

z-index:99999;

background:#ffffff;

border-radius:20px;

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

border:1px solid #e5e7eb;

padding:22px;

animation:cookieSlide .35s ease;

backdrop-filter:blur(10px);

}

@keyframes cookieSlide{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.cookie-content{

display:flex;

align-items:center;

gap:24px;

}

.cookie-icon{

font-size:42px;

flex-shrink:0;

}

.cookie-text{

flex:1;

}

.cookie-text h5{

margin-bottom:8px;

font-weight:700;

color:#111827;

}

.cookie-text p{

margin-bottom:6px;

color:#4b5563;

line-height:1.6;

}

.cookie-text small{

color:#6b7280;

}

.cookie-buttons{

display:flex;

gap:12px;

flex-wrap:wrap;

justify-content:flex-end;

}

.cookie-buttons .btn{

min-width:140px;

border-radius:12px;

padding:10px 18px;

font-weight:600;

}

#cookieAccept{

background:#198754;

border-color:#198754;

}

#cookieAccept:hover{

background:#157347;

border-color:#157347;

}

#cookieSettings{

border-width:2px;

}

.modal-content{

border-radius:20px;

border:none;

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

}

.modal-header{

border-bottom:1px solid #e5e7eb;

padding:22px 28px;

}

.modal-body{

padding:28px;

}

.modal-footer{

padding:20px 28px;

border-top:1px solid #e5e7eb;

}

.form-check{

padding:18px;

border:1px solid #e5e7eb;

border-radius:14px;

transition:.2s;

background:#fff;

}

.form-check:hover{

background:#f8fafc;

border-color:#198754;

}

.form-check-input{

width:3rem;

height:1.5rem;

cursor:pointer;

}

.form-check-label{

padding-left:10px;

cursor:pointer;

}

.form-check strong{

font-size:1rem;

}

.form-check small{

display:block;

margin-top:4px;

line-height:1.45;

color:#6b7280;

}

@media (max-width:992px){

.cookie-content{

flex-direction:column;

align-items:flex-start;

}

.cookie-buttons{

width:100%;

justify-content:stretch;

}

.cookie-buttons .btn{

width:100%;

}

}

@media (max-width:576px){

.cookie-banner{

left:12px;

right:12px;

bottom:12px;

padding:18px;

border-radius:16px;

}

.cookie-text h5{

font-size:1.1rem;

}

.cookie-text p{

font-size:.95rem;

}

.modal-body{

padding:22px;

}

}