.bxk{--y:#f4c400;max-width:1180px;margin:35px auto;color:#171717;font-family:inherit}
.bxk>header,.bxkresults>header{text-align:center;padding:25px}
.bxk header>b{background:var(--y);padding:8px 12px;border-radius:30px;font-size:12px;letter-spacing:.1em}
.bxk h2{font-size:clamp(34px,5vw,58px);margin:16px 0 8px;font-weight:900}
.bxk header p{color:#666}
.bxkprog{height:9px;background:#eee;border-radius:20px;overflow:hidden;max-width:850px;margin:10px auto}
.bxkprog span{display:block;height:100%;width:0;background:var(--y);transition:.25s}
.bxkcount{text-align:center;font-weight:800;margin:10px}
.bxkform{background:#fff;border:1px solid #eee;border-radius:22px;padding:45px;box-shadow:0 12px 35px #00000010}
.bxkstep{display:none;text-align:center}
.bxkstep.on{display:block}
.bxkstep small{font-weight:900;color:#8b7000}
.bxkstep h3{font-size:35px}
.bxkopts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bxkstep[data-key="stijl"] .bxkopts{grid-template-columns:repeat(4,1fr)}
.bxkopts button{border:2px solid #e5e5e5;background:#fff;border-radius:14px;padding:18px 10px;font-weight:800;cursor:pointer;min-height:74px}
.bxkopts button:hover,.bxkopts button.sel{border-color:var(--y);background:#fff8d5}
.bxkback,.bxkrestart{margin-top:28px;background:#181818;color:white;border:0;border-radius:9px;padding:12px 18px;font-weight:800;cursor:pointer}
.bxkload{text-align:center;padding:70px}
.spin{width:50px;height:50px;border:6px solid #eee;border-top-color:var(--y);border-radius:50%;margin:auto;animation:sp .8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.bxkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bxkcard{border:1px solid #e7e7e7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #00000010}
.bxkimg{aspect-ratio:1;position:relative;display:block;background:#fafafa}
.bxkimg img{width:100%;height:100%;object-fit:contain}
.bxkmatch{position:absolute;top:12px;left:12px;background:var(--y);padding:8px 11px;border-radius:20px;font-weight:900}
.bxkbody{padding:18px}
.bxkbody h3{margin:0 0 8px}
.bxkprice{font-size:20px;font-weight:900}
.bxkreason{color:#666;min-height:60px}
.bxkactions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bxkactions a{text-align:center;text-decoration:none!important;padding:11px 6px;border-radius:8px;font-weight:900;font-size:13px}
.view{border:2px solid #171717;color:#171717!important}
.cart{background:var(--y);color:#111!important;border:2px solid var(--y)}
@media(max-width:900px){
  .bxkstep[data-key="stijl"] .bxkopts{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:750px){
  .bxkopts,.bxkgrid,.bxkstep[data-key="stijl"] .bxkopts{grid-template-columns:1fr 1fr}
  .bxkform{padding:25px}
}
@media(max-width:500px){
  .bxkopts,.bxkgrid,.bxkactions,.bxkstep[data-key="stijl"] .bxkopts{grid-template-columns:1fr}
}

.bxknext{margin-top:18px}.bxkhint{margin:10px 0 0;font-size:14px;opacity:.75}