.ck{position:fixed;left:0;right:0;bottom:0;z-index:130;display:flex;align-items:center;gap:16px;
  padding:10px clamp(20px,3vw,40px) calc(10px + env(safe-area-inset-bottom,0px));
  background:var(--dark);color:var(--on-dark);border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;line-height:1.45}
.ck[hidden]{display:none}
.ck p{flex:1 1 auto;margin:0;max-width:none}
.ck a{color:var(--on-dark);text-decoration:underline;text-underline-offset:3px}
.ck a:hover{text-decoration-thickness:2px}
.ck-b{display:flex;gap:8px;flex:none}
.ck-b button{min-height:38px;padding:6px 18px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}
.ck-yes{border:0;background:var(--accent);color:var(--on-accent)}
.ck-yes:hover{background:var(--on-dark);color:var(--dark)}
.ck-no{border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--on-dark)}
.ck-no:hover{border-color:var(--on-dark)}
.ck :focus-visible{outline:2px solid var(--accent-on-dark);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){.ck{animation:ckIn .45s cubic-bezier(.16,1,.3,1)}}
@keyframes ckIn{from{transform:translateY(100%)}to{transform:none}}
@media(max-width:600px){
  .ck{flex-wrap:wrap;gap:10px;padding:10px 20px calc(12px + env(safe-area-inset-bottom,0px))}
  .ck-b{width:100%}
  .ck-b button{flex:1}
}
html.ck-on body{padding-bottom:var(--ck-h)}
html.ck-on .hero{padding-bottom:calc(clamp(28px,4vw,48px) + var(--ck-h))}
html.ck-on .to-top,html.ck-on .float-cta{bottom:calc(clamp(16px,2vw,28px) + var(--ck-h))}
[data-cookie-settings][hidden]{display:none}