/* Van Beijck – ombouwset-configurator in de huisstijl (antraciet / rood) */
.vbc{background:#E9E9EC;color:#1E1E20;font-size:15px;line-height:1.45}
.vbc-kop{background:#2E2E33;color:#fff;border-bottom:6px solid #C8102E}
.vbc-kop-in{max-width:1320px;margin:0 auto;padding:26px 16px 30px;display:flex;flex-wrap:wrap;gap:12px 40px;align-items:flex-end;justify-content:space-between}
.vbc-crumb{font-size:14px;color:#C9C9CF;margin-bottom:8px}
.vbc-crumb a{color:#C9C9CF}
.vbc-kick{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#FF8A9B;margin-bottom:6px}
.vbc-h1{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:48px;line-height:1;margin:0 0 10px;text-transform:uppercase;color:#fff}
.vbc-intro{color:#E4E4E8;max-width:720px;margin:0;font-size:17px}
.vbc-kop-usp{display:flex;flex-direction:column;gap:4px;font-weight:600;color:#fff;font-size:15px}
.vbc-wrap{max-width:1320px;margin:0 auto;padding:26px 16px 64px}
.vbc-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.vbc-loading{padding:40px;color:#3A3F45}
/* stappen */
.vbc-steps{flex:1 1 200px;max-width:240px;min-width:190px;display:flex;flex-direction:column;gap:6px}
.vbc-step{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:12px;border:2px solid transparent;background:transparent;cursor:pointer;min-height:48px;width:100%;color:#1E1E20}
.vbc-step:hover{background:#fff}
.vbc-step.is-active{background:#fff;border-color:#C8102E}
.vbc-dot{flex:0 0 28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:#D6D6DA;color:#2E2E33}
.vbc-step.is-done .vbc-dot{background:#2E2E33;color:#fff}
.vbc-step.is-active .vbc-dot{background:#C8102E;color:#fff}
.vbc-step-t{display:flex;flex-direction:column;min-width:0}
.vbc-step-l{font-weight:700;font-size:15px}
.vbc-step-v{font-size:12.5px;color:#4A4A50;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}
/* hoofdvak */
.vbc-main{flex:999 1 520px;min-width:0;background:#fff;border-radius:18px;padding:28px}
.vbc-kicker{font-size:12px;color:#C8102E;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.vbc-h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:34px;margin:2px 0 18px;text-transform:uppercase}
.vbc-q{margin:0 0 26px}
.vbc-q-t{font-weight:700;font-size:17px;margin-bottom:4px}
.vbc-q-h{font-size:14px;color:#4A4A50;margin-bottom:12px}
.vbc-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:10px}
.vbc-opts.has-sub{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.vbc-opts.has-pics{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.vbc-opt{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 16px 14px 44px;border:2px solid #D6D6DA;border-radius:14px;background:#fff;cursor:pointer;min-height:56px;font-weight:600;color:#1E1E20;transition:border-color .12s,box-shadow .12s}
.vbc-opt:hover{border-color:#2E2E33}
.vbc-opt::before{content:"";position:absolute;left:15px;top:17px;width:20px;height:20px;border-radius:50%;border:2px solid #8A8A92;background:#fff}
.vbc-opt.is-on{border-color:#C8102E;box-shadow:0 0 0 3px rgba(200,16,46,.12)}
.vbc-opt.is-on::before{border-color:#C8102E;background:radial-gradient(#C8102E 0 5px,#fff 6px)}
/* keuzes met foto */
.has-pics .vbc-opt{padding:10px 10px 14px;align-items:stretch;text-align:center}
.has-pics .vbc-opt::before{left:auto;right:12px;top:12px;z-index:1}
.vbc-pic{display:flex;align-items:center;justify-content:center;height:120px;background:#F6F6F4;border-radius:10px;margin-bottom:6px;overflow:hidden}
.vbc-pic img{max-width:92%;max-height:108px;object-fit:contain}
.vbc-pic-leeg{width:56px;height:56px;border-radius:50%;background:#E6E6E8}
.vbc-swatch{width:64px;height:64px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #C9C9CF}
.vbc-opt-l{font-weight:700}
.vbc-opt-s{display:block;font-weight:400;font-size:12.5px;color:#4A4A50;line-height:1.35}
/* knoppen */
.vbc-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding-top:18px;border-top:1px solid #E6E6E3}
.vbc-btn{border-radius:12px;padding:12px 22px;font-weight:800;cursor:pointer;border:2px solid #C8102E;background:#C8102E;color:#fff;min-height:48px;font-size:16px}
.vbc-btn:hover{background:#A50D25;border-color:#A50D25}
.vbc-btn.is-ghost{background:#fff;color:#2E2E33;border-color:#2E2E33}
.vbc-btn.is-ghost:hover{background:#F2F2F4}
.vbc-btn:disabled{opacity:.45;cursor:default}
/* samenvatting */
.vbc-side{flex:1 1 280px;max-width:340px;min-width:260px;position:sticky;top:90px;background:#fff;border-radius:18px;padding:22px;border-top:6px solid #C8102E}
.vbc-side h3{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:800;margin:0 0 10px;text-transform:uppercase}
.vbc-sum{list-style:none;padding:0;margin:0 0 14px;font-size:13.5px}
.vbc-sum li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px dashed #E6E6E3}
.vbc-sum li span:first-child{color:#4A4A50}
.vbc-sum li span:last-child{text-align:right;font-weight:600}
.vbc-price{font-family:"Barlow Condensed",sans-serif;font-size:44px;font-weight:800;line-height:1;margin:6px 0 0}
.vbc-tax{font-size:12px;color:#4A4A50;margin-bottom:14px}
.vbc-set{display:inline-block;background:#2E2E33;color:#fff;font-weight:800;font-size:14px;padding:6px 12px;border-radius:999px;margin:0 0 12px}
/* extra's */
.vbc-extra{display:flex;align-items:center;gap:14px;padding:10px 14px;border:2px solid #D6D6DA;border-radius:14px;margin-bottom:10px;cursor:pointer}
.vbc-extra:hover{border-color:#2E2E33}
.vbc-extra.is-on{border-color:#C8102E;box-shadow:0 0 0 3px rgba(200,16,46,.12)}
.vbc-extra img{width:64px;height:64px;object-fit:contain;background:#F6F6F4;border-radius:10px}
.vbc-extra-n{flex:1;font-weight:600}
.vbc-extra-p{font-weight:800;white-space:nowrap}
/* overzicht: wat zit er in de set */
.vbc-comp{list-style:none;padding:0;margin:8px 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.vbc-comp li{display:flex;align-items:center;gap:12px;background:#F6F6F4;border-radius:12px;padding:8px 12px;font-size:14px}
.vbc-comp img{flex:0 0 54px;width:54px;height:54px;object-fit:contain;background:#fff;border-radius:8px}
.vbc-comp-leeg{flex:0 0 54px;height:54px;border-radius:8px;background:#fff}
.vbc-note{font-size:14px;color:#4A4A50}
.vbc-ok{background:#E8F3EC;color:#1F5E3A;padding:12px 14px;border-radius:12px;margin-top:12px;font-size:15px}
.vbc-err{background:#FBEAEA;color:#8A1F1F;padding:12px 14px;border-radius:12px;margin-top:12px;font-size:15px}
@media (max-width:860px){
 .vbc-steps{max-width:none;flex-direction:row;overflow-x:auto}
 .vbc-step-v{display:none}
 .vbc-side{position:static;max-width:none}
 .vbc-h1{font-size:36px}
 .vbc-main{padding:20px}
 .vbc-opts.has-pics{grid-template-columns:1fr 1fr}
 .vbc-pic{height:96px}.vbc-pic img{max-height:86px}
}