/* ===========================================================================
   Harv — cookie-melding (definitief, goedgekeurde v6). Eén vaste plek
   midden-onder, alleen een fade, titel op eigen regel, knoppen gestapeld.
   =========================================================================== */
.ck-bar {
  position: fixed; left: 0; right: 0; margin-inline: auto; bottom: calc(clamp(14px, 2.5vw, 26px) + env(safe-area-inset-bottom, 0px)); z-index: 95;
  width: min(520px, calc(100vw - 28px));
  background: #101314; color: #f3f5f2; border-radius: 18px; padding: 20px 22px;
  box-shadow: 0 30px 70px -36px rgba(16, 19, 20, .85);
  display: flex; gap: 18px; align-items: center;
  font-family: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  animation: ck-in .45s cubic-bezier(.16, 1, .3, 1);
}
@keyframes ck-in { from { opacity: 0; } to { opacity: 1; } }
.ck-bar p { font-size: .82rem; line-height: 1.55; color: #c7ccc9; flex: 1 1 auto; min-width: 0; margin: 0; }
.ck-bar p .ck-title { font-size: .95rem; display: inline-block; margin-bottom: 3px; color: #fff; }
.ck-bar p b { color: #fff; }
.ck-bar p a { color: #9bff5c; text-decoration: underline; text-underline-offset: 3px; }
.ck-bar .ck-btns { display: flex; flex-direction: column; gap: 8px; flex: 0 0 auto; }
.ck-bar button { font: inherit; font-weight: 700; font-size: .82rem; padding: 9px 14px; border-radius: 10px; cursor: pointer; border: 0; }
.ck-bar .ck-ok { background: #77fb38; color: #101314; transition: background-color .2s; }
.ck-bar .ck-ok:hover { background: #d2ff72; }
.ck-bar .ck-no { background: transparent; color: #f3f5f2; border: 1px solid rgba(243, 245, 242, .3); }
.ck-bar .ck-no:hover { border-color: #77fb38; }
@media (prefers-reduced-motion: reduce) { .ck-bar { animation: none; } }
@media print { .ck-bar { display: none; } }