body{font-family:Arial,sans-serif}.bo{background:#111;color:#fff;border-radius:18px;overflow:hidden}.head{padding:28px}.brand{font-weight:900}.brand span{color:#ffbf00}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.steps span{padding:8px 12px;border-radius:999px;background:#2b2b2b;color:#aaa}.steps .active{border:1px solid #ffbf00;color:#fff}.stage{display:none;padding:24px}.stage.active{display:block}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.kitchen{position:relative}.kitchen svg{width:100%;display:block}.kitchen [data-add]{cursor:pointer;transition:.18s}.kitchen [data-add]:hover{stroke:#ffbf00!important;stroke-width:9!important;filter:drop-shadow(0 0 5px rgba(255,191,0,.55))}.tag{position:absolute;z-index:2;background:#ffbf00;border:0;border-radius:7px;padding:7px 10px;font-weight:800}.door{left:12%;top:12%}.drawer{left:48%;top:63%}.plinth{left:12%;bottom:6%}.panel,.card{background:#202020;border-radius:16px;padding:22px}.item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #3b3b3b}.item small{display:block;color:#aaa;margin-top:4px}.item button{width:34px;height:34px;border:0;border-radius:7px;font-weight:900}.item span{display:inline-block;min-width:28px;text-align:center}.total{margin-top:20px;background:#111;padding:18px;border-radius:12px}.total strong{display:block;font-size:28px;color:#ffbf00;margin:5px 0 10px}.yellow,.uploadbtn,#send{background:#ffbf00;color:#111;border:0;border-radius:8px;padding:12px 16px;font-weight:900;cursor:pointer}.note{font-size:12px;color:#aaa}.eyebrow{color:#ffbf00;font-weight:900;text-transform:uppercase;font-size:12px}.card h3{font-size:28px;margin:7px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.formgrid label{font-size:13px;font-weight:800}.formgrid input,.formgrid textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border-radius:8px;border:2px solid transparent}.formgrid input:focus,.formgrid textarea:focus{outline:0;border-color:#ffbf00}.formgrid small{display:block;color:#aaa;margin-top:5px;font-weight:400}.wide{grid-column:1/-1}.upload{margin-top:20px;padding:20px;border:2px dashed #555;border-radius:12px}.uploadbtn{display:inline-block;margin-top:14px}.actions{display:flex;justify-content:space-between;margin-top:22px;gap:12px}.back{background:transparent;color:#fff;border:1px solid #666;border-radius:8px;padding:12px 16px}.error{color:#ffd166;font-weight:700}.thumb{display:inline-block;width:90px;height:70px;margin:10px 8px 0 0;overflow:hidden;border-radius:8px;border:2px solid #444}.thumb img{width:100%;height:100%;object-fit:cover}.reviewrow,.personrow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #3b3b3b}.reviewtotal{display:flex;justify-content:space-between;background:#111;padding:15px;border-radius:10px;margin:16px 0}.reviewtotal strong{color:#ffbf00;font-size:24px}.security{margin-top:18px;border-left:4px solid #ffbf00;background:#292929;padding:14px;display:flex;flex-direction:column;gap:4px}.security span{color:#bbb;font-size:12px}@media(max-width:750px){.grid,.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.actions{flex-direction:column-reverse}.actions button{width:100%}}

/* v11.1: plint-label gecorrigeerd */
.kitchen{overflow:visible}
.tag.plinth{
  left:12% !important;
  bottom:auto !important;
  top:84% !important;
  transform:translateY(-50%);
}
@media(max-width:750px){
  .tag.plinth{
    left:10% !important;
    top:83% !important;
  }
}

/* v11.2: plint-label definitief hoger en stabiel geplaatst */
.bo11-kitchen,
.kitchen {
  position: relative !important;
}
.bo11-kitchen .tag.plinth,
.kitchen .tag.plinth {
  position: absolute !important;
  left: 11% !important;
  right: auto !important;
  top: 78% !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 10 !important;
  margin: 0 !important;
}
@media (max-width:750px){
  .bo11-kitchen .tag.plinth,
  .kitchen .tag.plinth {
    left: 9% !important;
    top: 76% !important;
  }
}

/* v11.3: labels opnieuw uitgelijnd op de echte onderdelen */
.kitchen{position:relative!important}
.kitchen .tag.drawer{
  position:absolute!important;
  left:54%!important;
  top:66%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
}
.kitchen .tag.plinth{
  position:absolute!important;
  left:22%!important;
  top:87%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:10!important;
}
@media(max-width:750px){
  .kitchen .tag.drawer{left:54%!important;top:66%!important}
  .kitchen .tag.plinth{left:22%!important;top:87%!important}
}

/* v11.4 — labels gekoppeld aan de onderdelen, binnen de keukenkaart */
.kitchen{position:relative!important;overflow:hidden!important}
.kitchen .tag.drawer{
 position:absolute!important;left:50%!important;top:62%!important;
 right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
 z-index:20!important;margin:0!important;
}
.kitchen .tag.plinth{
 position:absolute!important;left:18%!important;top:88%!important;
 right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
 z-index:20!important;margin:0!important;
}
@media(max-width:750px){
 .kitchen .tag.drawer{left:50%!important;top:62%!important}
 .kitchen .tag.plinth{left:18%!important;top:88%!important}
}

/* v11.5 — labels zitten nu ín de SVG en bewegen exact mee met de keuken */
.kitchen .tag{display:none!important}
.kitchen .svg-label{cursor:pointer}
.kitchen .svg-label rect{stroke:#111;stroke-width:2}
.kitchen .svg-label:hover rect{filter:brightness(1.05)}
.kitchen .svg-label text{pointer-events:none;font-family:Arial,sans-serif}

/* v11.7: testvariant blijft afgeschermd met eigen shortcode */

.transport-choice{margin:16px 0;padding:14px;background:#f4f4f4;border-radius:8px}.transport-choice label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:650}.transport-choice input{width:18px;height:18px;accent-color:#f5bf16}