.cookie-dock{
position:fixed;
left:50%;
bottom:calc(16px + env(safe-area-inset-bottom, 0px));
transform:translate(-50%, 28px);
width:min(760px, calc(100vw - 28px));
z-index:100500;
opacity:0;
pointer-events:none;
transition:transform .32s ease, opacity .32s ease;
}
.cookie-dock.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%, 0)}
.cookie-card{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:22px;
padding:18px 18px 18px 20px;
border:1px solid rgba(255,255,255,.75);
border-radius:24px;
background:linear-gradient(135deg, rgba(17,24,45,.97) 0%, rgba(39,54,108,.97) 58%, rgba(77,92,178,.96) 100%);
box-shadow:0 28px 70px rgba(17,24,45,.32);
backdrop-filter:blur(14px);
color:#fff;
overflow:hidden;
}
.cookie-card:before{
content:"";
position:absolute;
right:-70px;
top:-70px;
width:210px;
height:210px;
border-radius:50%;
background:radial-gradient(circle, rgba(255,255,255,.16), transparent 66%);
pointer-events:none;
}
.cookie-copy{position:relative;z-index:1}
.cookie-kicker{
display:inline-flex;
align-items:center;
gap:8px;
padding:7px 11px;
border-radius:999px;
background:rgba(255,255,255,.1);
font-size:11px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
}
.cookie-kicker i{font-style:normal;font-size:14px}
.cookie-copy h3{
margin:13px 0 8px;
font-size:24px;
line-height:1.05;
letter-spacing:-.03em;
}
.cookie-copy p{
margin:0;
max-width:520px;
font-size:14px;
line-height:1.62;
color:rgba(255,255,255,.84);
}
.cookie-copy p a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.cookie-actions{
position:relative;
z-index:1;
display:flex;
flex-direction:column;
justify-content:center;
gap:10px;
min-width:210px;
}
.cookie-actions button,.cookie-actions a{
height:46px;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:14px;
font-weight:800;
font-size:14px;
text-decoration:none;
cursor:pointer;
transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}
.cookie-actions button:hover,.cookie-actions a:hover{transform:translateY(-1px)}
.cookie-actions .cookie-accept{
border:0;
background:#fff;
color:#11182d;
box-shadow:0 10px 24px rgba(0,0,0,.16);
}
.cookie-actions .cookie-minimal{
border:1px solid rgba(255,255,255,.24);
background:rgba(255,255,255,.08);
color:#fff;
}
.cookie-actions .cookie-link{
height:auto;
padding:0 2px;
justify-content:flex-end;
border:0;
background:transparent;
color:rgba(255,255,255,.84);
font-size:13px;
}
@media (max-width:760px){
.cookie-dock{width:calc(100vw - 20px);bottom:calc(10px + env(safe-area-inset-bottom, 0px))}
.cookie-card{grid-template-columns:1fr;gap:16px;padding:16px;border-radius:22px}
.cookie-copy h3{font-size:21px}
.cookie-copy p{font-size:13px;max-width:none}
.cookie-actions{min-width:0}
.cookie-actions button,.cookie-actions a{width:100%}
.cookie-actions .cookie-link{justify-content:center;padding-top:2px}
}