/* --- Cookiemelding, in de stijl van de site --- */
.vk-cookie{
  position:fixed; left:20px; right:20px; bottom:20px; z-index:9000;
  max-width:520px; margin-inline:auto;
  background:#050505; color:#f5f5f5;
  border-radius:20px; padding:24px 26px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  font-family:'Plus Jakarta Sans',sans-serif;
  opacity:0; transform:translateY(20px);
  transition:opacity .5s cubic-bezier(.16,1,.3,1), transform .5s cubic-bezier(.16,1,.3,1);
}
.vk-cookie.is-zichtbaar{opacity:1; transform:none;}
.vk-cookie__tekst{margin:0 0 18px; font-size:.9rem; line-height:1.6; color:#a3a3a3;}
.vk-cookie__knoppen{display:flex; gap:10px; flex-wrap:wrap;}
.vk-cookie__btn{
  font-family:inherit; font-size:.85rem; font-weight:700; cursor:pointer;
  padding:11px 22px; border-radius:40px; border:none;
  transition:transform .3s cubic-bezier(.16,1,.3,1), background-color .3s ease, box-shadow .3s ease;
}
.vk-cookie__btn--ok{background:#f5f5f5; color:#0a0a0a;}
.vk-cookie__btn--ok:hover{background:#fff; transform:translateY(-2px);}
.vk-cookie__btn--weiger{background:transparent; color:#f5f5f5; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);}
.vk-cookie__btn--weiger:hover{box-shadow:inset 0 0 0 1px #fff; transform:translateY(-2px);}
@media (max-width:520px){
  .vk-cookie{left:12px; right:12px; bottom:12px; padding:20px;}
  .vk-cookie__knoppen{flex-direction:column-reverse;}
  .vk-cookie__btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){.vk-cookie{transition:opacity .3s ease;transform:none;}}