.consent{
position:fixed; left:0; right:0; bottom:0; z-index:10050;
display:flex; flex-wrap:wrap; align-items:center; gap:clamp(10px,2vw,22px);
padding:clamp(14px,2vw,18px) clamp(16px,4vw,32px);
padding-bottom:calc(clamp(14px,2vw,18px) + env(safe-area-inset-bottom, 0px));
background:#0b1f3f; color:#fff;
font-family:"Be Vietnam Pro","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
box-shadow:0 -10px 30px rgba(2,12,28,.35);
translate:0 110%; transition:translate .26s cubic-bezier(.3,.7,.3,1);
}
.consent.is-up{ translate:0 0 }
@media (prefers-reduced-motion: reduce){ .consent{ transition:none } }
.consent__text{
flex:1 1 22rem; margin:0; min-width:0;
font-size:clamp(.86rem,1.1vw,.95rem); line-height:1.55;
color:rgba(255,255,255,.92);
}
.consent__text a{ color:#9ec8ff; text-underline-offset:2px }
.consent__act{ display:flex; gap:10px; flex:0 0 auto; margin-left:auto }
.consent__btn{
font:inherit; font-weight:800; font-size:clamp(.84rem,1vw,.92rem);
padding:.72em 1.5em; border-radius:999px; cursor:pointer;
border:2px solid transparent; transition:background .16s ease, border-color .16s ease;
}
.consent__btn--yes{ background:#ffc72c; color:#0b2247 }
.consent__btn--yes:hover{ background:#ffd45a }
.consent__btn--no { background:transparent; color:#fff; border-color:rgba(255,255,255,.45) }
.consent__btn--no:hover{ border-color:#fff }
.consent__btn:focus-visible{ outline:3px solid #ffc72c; outline-offset:3px }
@media (max-width:560px){
.consent{ flex-direction:column; align-items:stretch; text-align:left }
.consent__text{ flex:0 1 auto }
.consent__act{ margin-left:0 }
.consent__btn{ flex:1 1 0 }
}