.biselect-builder-wrapper {
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    font-family: Arial, sans-serif;
}
.biselect-builder-header { text-align: center; margin-bottom: 20px; }
.biselect-builder-steps { margin-bottom: 20px; }
.bselect-step { margin-bottom: 15px; }
.bselect-step h3 { font-size: 1.1em; margin-bottom: 10px; color: #333; }
.biselect-options { display: flex; flex-wrap: wrap; gap: 10px; }
.biselect-option-card {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    width: 150px;
    text-align: center;
    transition: background 0.2s;
}
.biselect-option-card:hover { background: #f5f5f5; }
.biselect-option-card.selected { border-color: #0073aa; background: #e0f0ff; }
.biselect-option-card img { max-width: 100%; height: auto; margin-bottom: 5px; }
.biselect-option-card .sku { font-size: 0.8em; color: #666; }
.biselect-option-card .price { font-weight: bold; color: #0073aa; }
.biselect-loader { text-align: center; width: 100%; padding: 10px; color: #666; }
.biselect-builder-summary { border-top: 1px solid #eee; padding-top: 20px; }
.biselect-builder-summary ul { list-style: none; padding: 0; }
.biselect-builder-summary li { margin-bottom: 5px; }
.biselect-total-price { font-size: 1.2em; margin: 15px 0; display: flex; justify-content: space-between; }
.biselect-add-to-cart {
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}
.biselect-add-to-cart:hover { background: #005177; }

/* RELEASE-3: Badge styles */
.biselect-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 5px;
}
.biselect-badge-past {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #a5d6a7;
}
.biselect-badge-adviseur {
    background: #fff3e0;
    color: #e65100;
    border: 1px solid #ffcc80;
}

/* v1.2 2026-10-02: layout for script.js markup (progress/options-grid/nav) */
.biselect-builder-wrapper{max-width:1100px;margin:0 auto}
.biselect-progress{display:flex;gap:8px;margin:24px 0;counter-reset:none;list-style:none;padding:0}
.biselect-progress-step{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 6px;border-radius:999px;background:#f1f3f5;color:#6b7280;font-weight:600;font-size:14px;text-align:center}
.biselect-progress-step.active{background:#0f1b2d;color:#fff}
.biselect-progress-step.done{background:#e6f4ea;color:#1e7b34}
.biselect-step-title{margin:8px 0 16px}
.biselect-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}
.biselect-option-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;min-width:0}
.biselect-option-card:hover{border-color:#c2410c;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.biselect-option-card.selected{border-color:#c2410c;box-shadow:0 0 0 2px #c2410c inset}
.biselect-opt-img img{width:100%;height:140px;object-fit:contain}
.biselect-opt-body{display:flex;flex-direction:column;gap:4px}
.biselect-opt-name{font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.biselect-opt-label{font-size:13px;color:#4b5563;line-height:1.4}
.biselect-opt-price{font-weight:700;margin-top:4px}
.biselect-option-card .biselect-badge{align-self:flex-start}
.biselect-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.biselect-btn{padding:12px 22px;border-radius:999px;border:1px solid #0f1b2d;background:#fff;color:#0f1b2d;font-weight:600;cursor:pointer}
.biselect-btn.next{background:#0f1b2d;color:#fff}
.biselect-btn[disabled]{opacity:.45;cursor:not-allowed}
.biselect-total-wrap{font-weight:700;font-size:18px}
@media (max-width:600px){.biselect-progress-step{font-size:12px;padding:8px 4px}.biselect-options-grid{grid-template-columns:1fr}.biselect-btn{flex:1}}
.biselect-options-grid .biselect-option-card{max-width:none!important;width:auto!important;margin:0!important}

/* B4-B: Summary step styles (2026-10-02) */
.biselect-summary { padding: 20px 0; }
.biselect-summary h3 { margin-bottom: 16px; color: #0f1b2d; font-size: 1.3em; }
.biselect-summary-table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.biselect-summary-table td { padding: 10px 12px; border-bottom: 1px solid #e5e7eb; font-size: 14px; vertical-align: top; }
.biselect-summary-table td:first-child { font-weight: 600; color: #374151; width: 180px; white-space: nowrap; }
.biselect-summary-table tr.total td { font-weight: 700; border-top: 2px solid #0f1b2d; }
.biselect-summary-table tr.price td { font-weight: 700; color: #0f1b2d; font-size: 16px; }
"'"

/* BUILDER-4: Overzicht step 5 styles (2026-10-05) */
.biselect-overzicht { margin-top: 2rem; padding: 1.5rem; border: 1px solid #e0e0e0; border-radius: 8px; background: #fafafa; }
.biselect-overzicht .biselect-step-title { margin: 0 0 1rem 0; font-size: 1.2rem; color: #1a1a1a; }
.biselect-compo-list { list-style: none; padding: 0; margin: 0 0 1rem 0; }
.biselect-compo-list li { display: flex; justify-content: space-between; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid #f0f0f0; gap: 1rem; }
.biselect-compo-list .comp-name { flex: 1; font-weight: 500; }
.biselect-compo-list .comp-sku { color: #666; font-size: 0.85rem; }
.biselect-compo-list .comp-price { font-weight: 600; white-space: nowrap; }
.biselect-total { margin-top: 1rem; font-size: 1.1rem; padding-top: 0.75rem; border-top: 2px solid #e0e0e0; }
.biselect-cta { margin-top: 1rem; padding: 12px 28px; background: #1a1a1a; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; transition: background 0.2s; }
.biselect-cta:hover { background: #333; }