.package-builder-page{max-width:860px!important}.builder-note{padding:12px 15px;border-left:4px solid #318269;background:#eaf5ef;border-radius:8px;font-size:13px;line-height:1.5}.builder-progress{font-weight:750;color:#216e5b;font-size:13px}#package-builder section[hidden],#package-builder[hidden],#builder-result[hidden],#builder-intake[hidden],#trial-none[hidden],#exam-none[hidden],#builder-error-contact[hidden]{display:none!important}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.builder-choice{display:flex;align-items:flex-start;gap:10px;padding:14px;margin:8px 0;border:1px solid #cadcd9;background:white;border-radius:12px;cursor:pointer;font-size:15px;line-height:1.4;box-sizing:border-box}.builder-grid .builder-choice{margin:0}.builder-choice input{width:20px;height:20px;flex:0 0 20px;accent-color:#24765d;margin:1px 0}.builder-choice:has(input:checked){border-color:#24765d;background:#ebf6ef;box-shadow:0 0 0 1px #24765d}.builder-choice small{display:block;margin-top:6px;font-size:12px}.builder-actions{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:16px}#package-builder fieldset{border:0;padding:0;margin:16px 0}#package-builder legend{font-weight:750;font-size:16px;line-height:1.4}#package-builder h2{font-size:23px;line-height:1.25}#package-builder .vd-button,.builder-whatsapp,#builder-intake{white-space:normal;text-align:center;line-height:1.4;min-height:46px;padding:12px 16px;display:inline-flex;justify-content:center;align-items:center}#package-builder button:disabled{opacity:.45;cursor:not-allowed}.builder-summary{background:#edf5fa;padding:12px 18px;border-radius:13px;margin:15px 0}.builder-summary p{margin:8px 0;font-weight:650}.builder-whatsapp{background:#216e50!important;color:white!important}#builder-edit{display:block;margin:16px 0;padding:10px;background:transparent;border:1px solid #a9bdc8;border-radius:10px;cursor:pointer}@media(max-width:700px){.package-builder-page{padding:0 14px!important}.builder-choice{padding:12px;font-size:14px}.builder-grid{gap:8px}.builder-actions{align-items:stretch}.builder-actions button{font-size:13px}.builder-note{font-size:12px}#package-builder h2{font-size:20px}}

.builder-choice .builder-package-included{display:block;margin-top:14px;padding-top:10px;border-top:1px solid #c8dcd9;color:#1d6b55;font-size:13px;line-height:1.4}#builder-six-referral[hidden]{display:none!important}.builder-formula-explanation p{font-size:14px;line-height:1.55}

.builder-stepnav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 22px}.builder-stepnav button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 7px;min-height:48px;border:1px solid #cbd9e0;border-radius:10px;background:#f3f7fa;color:#294553;font:inherit;font-size:13px;cursor:pointer}.builder-stepnav button span{display:grid;place-items:center;background:#dde7ed;border-radius:50%;width:22px;height:22px;font-weight:800;flex:none}.builder-stepnav button[aria-current="step"]{background:#e6f5ed;border-color:#28785b;color:#18583e;font-weight:800}.builder-stepnav button[aria-current="step"] span{background:#28785b;color:white}.builder-stepnav button:disabled{opacity:.6;cursor:default}.builder-choice{min-height:56px;transition:border-color .15s,background .15s}.builder-choice:hover{border-color:#438875;background:#f3f9f5}.builder-choice:focus-within{outline:3px solid #28785b55;outline-offset:2px}.builder-grid .builder-choice{height:100%}.builder-first-actions{justify-content:flex-end}#builder-result .vd-button{width:100%;box-sizing:border-box;min-height:50px}#builder-result button{min-height:46px}.builder-actions button{cursor:pointer;border-radius:11px;min-height:48px}.builder-actions button[type="button"]:not(.vd-button){background:#eef3f6;border:1px solid #cbd7df;color:#284c61;padding:10px 16px}.builder-choice input{margin-top:2px}#package-builder button:focus-visible,.builder-stepnav button:focus-visible{outline:3px solid #2369c8;outline-offset:3px}@media(max-width:700px){.builder-stepnav{gap:5px;margin:8px 0 18px}.builder-stepnav button{flex-direction:column;gap:4px;padding:8px 4px;font-size:11px;min-height:58px}.builder-actions{position:sticky;bottom:0;z-index:4;padding:12px 0 max(12px,env(safe-area-inset-bottom));background:#f4f8fc;box-shadow:0 -7px 13px #24465c09;margin-top:18px}.builder-actions .vd-button{flex:1;min-height:50px!important}.builder-grid .builder-choice{padding:14px 10px}.package-builder-started .package-builder-page>.lead,.package-builder-started .package-builder-page>.builder-note{display:none}.package-builder-started .package-builder-page>h1{font-size:23px!important}}

.builder-exam-copy{display:flex;flex-direction:column;width:100%;gap:13px}.builder-exam-date{display:block;font-size:18px;line-height:1.25;color:#173e59}.builder-exam-line{display:flex;flex-direction:column;gap:5px;line-height:1.4}.builder-exam-line>span{font-size:13px;color:#4c6271}.builder-exam-line>strong{font-size:15px;color:#173644}.builder-exam-guidance{padding-top:10px;border-top:1px solid #d3e4dd}.builder-exam-guidance>strong{color:#1a6d50}@media(max-width:700px){.builder-exam-copy{gap:11px}.builder-exam-date{font-size:16px}.builder-exam-line>span{font-size:12px}.builder-exam-line>strong{font-size:14px}}

.builder-stepnav.builder-stepnav-six{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-stepnav [data-builder-jump][hidden]{display:none!important}

/* Alleen de zesurenflow dichter bij elkaar; proefrijles blijft afzonderlijk. */
.builder-six-hours .builder-progress{margin:8px 0}
.builder-six-hours .builder-stepnav{margin:8px 0 12px;gap:6px}
.builder-six-hours .builder-stepnav button{min-height:44px;padding:6px;flex-direction:row}
.builder-six-hours #package-builder h2{margin:10px 0 8px}
.builder-six-hours .builder-vehicle-status{margin:0 0 4px}
.builder-six-hours .builder-vehicle-badge{margin:0 0 4px;padding:5px 10px!important}
.builder-six-hours #package-builder fieldset{margin:10px 0}
.builder-six-hours #package-builder legend{margin-bottom:4px}
.builder-six-hours .builder-grid{margin:6px 0;gap:6px}
.builder-six-hours .builder-choice,.builder-six-hours .builder-grid .builder-choice{padding:10px;min-height:48px;margin-top:0;margin-bottom:0}
.builder-six-hours .package-small,.builder-six-hours #chosen-trial,.builder-six-hours #builder-lesson-count{margin:6px 0;line-height:1.4}
.builder-six-hours .builder-actions{margin-top:10px;padding-top:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
.builder-six-hours .builder-exam-copy{gap:7px}
.builder-six-hours .builder-exam-line{gap:2px}
.builder-six-hours .builder-exam-guidance{padding-top:6px}
.builder-six-hours .builder-summary{padding:10px 12px;margin:10px 0}
.builder-six-hours .builder-summary p{margin:5px 0}

/* Compact choices; detailed totals and payment terms stay in the final summary. */
.builder-slot-price{display:inline-block;margin-left:12px;color:#176451;white-space:nowrap;font-size:14px}
#builder-trials .builder-choice,#builder-exams .builder-choice{padding:11px;min-height:48px;gap:9px}
#builder-trials .builder-choice>span{flex:1;line-height:1.5}
#builder-trials .builder-choice .builder-slot-price{float:right}
#builder-exams .builder-choice>span{width:100%}
.builder-exam-copy{gap:6px}.builder-exam-line{gap:2px}.builder-exam-guidance{padding-top:5px}
#builder-progress,#builder-result{scroll-margin-top:12px}
@media(max-width:700px){
 .package-builder-page{padding:0 10px!important}
 .package-builder-started .package-kicker,.package-builder-started .package-builder-intro{display:none}
 .builder-stepnav{gap:4px;margin:5px 0 10px}.builder-stepnav button{min-height:44px;padding:5px 3px;gap:2px;font-size:10px}
 #package-builder h2{font-size:19px;margin:8px 0}.builder-vehicle-status{margin-bottom:5px}
 #builder-trials.builder-grid,#builder-exams.builder-grid{grid-template-columns:1fr;gap:7px;margin:8px 0}
 #builder-trials .builder-choice,#builder-exams .builder-choice{padding:10px;font-size:13px}
 .builder-exam-date{font-size:15px}.builder-exam-line>span{font-size:11px}.builder-exam-line>strong{font-size:13px}
 .builder-exam-line{display:flex;flex-direction:row;justify-content:space-between;gap:8px}
 .planning-months{margin:8px 0}.planning-month-buttons{gap:5px}.planning-month-buttons button{padding:8px!important;min-height:44px;font-size:12px!important}
 .planning-month-status,.package-small,#chosen-trial{font-size:12px;margin:6px 0;line-height:1.4}
 .builder-summary{padding:10px;margin:9px 0}.builder-summary p{font-size:13px;margin:6px 0}
 .builder-summary .planning-price{font-size:12px}.builder-summary .planning-exam-note{font-weight:400;line-height:1.4}
 .builder-actions{margin-top:9px;padding:8px 0 max(8px,env(safe-area-inset-bottom))}
}
#twenty-grid[hidden],#twenty-result[hidden],#twenty-next[hidden],#twenty-status[hidden]{display:none!important}

.twenty-teacher-options{border:0;padding:0;margin:20px 0;display:grid;gap:12px;min-width:0}.twenty-teacher-options legend{font-weight:700;margin-bottom:12px}.twenty-teacher-options .builder-choice{min-height:64px}.twenty-teacher-options .builder-choice:has(input:checked){outline:3px solid #176c66}.twenty-teacher-options small{display:block;margin-top:5px;line-height:1.5}.twenty-lesson{display:block;padding:7px 0;border-top:1px solid #dbe4e7}.twenty-lesson .teacher-label{display:inline-block;margin:0 6px 4px 0}#twenty-grid .builder-choice>span{min-width:0;flex:1}#twenty-teachers[hidden]{display:none!important}
