.ck-banner{position:fixed;inset:auto 0 0 0;z-index:200;display:flex;justify-content:center;padding:16px;pointer-events:none}
.ck-banner[hidden]{display:none!important}
.ck-kaart{pointer-events:auto;width:min(640px,100%);max-height:calc(100svh - 32px);overflow-y:auto;background:var(--cream,#eae6dc);color:var(--ink,#111);border:1.5px solid var(--ink,#111);box-shadow:0 18px 40px -14px rgba(0,0,0,.45);padding:26px clamp(18px,4vw,30px);font-family:'DM Sans',sans-serif}
.ck-kaart h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:1.7rem;line-height:1.05;margin:0 0 10px}
.ck-kaart p{font-size:.95rem;line-height:1.55;margin:0 0 14px}
.ck-keuzes{display:grid;gap:8px;margin:0 0 16px}
.ck-keuze{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--ink,#111);padding:10px 12px;background:#fff;cursor:pointer;font-size:.88rem;line-height:1.4}
.ck-keuze input{margin-top:3px;width:18px;height:18px;accent-color:var(--ink,#111);flex:none}
.ck-keuze b{display:block;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}
.ck-vast{opacity:.75;cursor:default}
.ck-knoppen{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:0 0 12px}
.ck-knop{border:1.5px solid var(--ink,#111);padding:13px 10px;font:800 .78rem/1.25 'DM Sans',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:var(--yellow,#e8e49b);color:var(--ink,#111);transition:background .45s cubic-bezier(.22,.61,.36,1),color .45s cubic-bezier(.22,.61,.36,1)}
.ck-knop:hover{background:var(--ink,#111);color:var(--yellow,#e8e49b)}
.ck-kaart .ck-voet{font-size:.8rem;margin:0;opacity:.85}
@media (max-width:640px){.ck-knoppen{grid-template-columns:1fr}.ck-banner{padding:10px}.ck-kaart h2{font-size:1.4rem}}
@media print{.ck-banner{display:none!important}}