.course-product .breadcrumb{flex-wrap:wrap;line-height:1.7}
.course-product .product-copy h1{font-size:clamp(44px,4.1vw,64px);overflow-wrap:normal}
.course-product .product-photo img[src$=".svg"]{object-fit:contain;background:#e8e9d8}
.course-product .product-copy .eyebrow{max-width:100%;overflow-wrap:break-word;line-height:1.8}
.course-needs{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:start}
.needs-card{padding:35px;border:1px solid #bbc8aa;border-radius:24px;background:#f8f9ee}
.needs-card h3{font-size:24px;font-weight:500;letter-spacing:-.5px;line-height:1.4}
.needs-card p{font-size:14px;color:var(--muted);line-height:1.9;margin-top:18px}
.course-demo{background:#eef1e1;border:1px solid #bdc9ae;border-radius:28px;padding:28px;min-width:0}
.course-demo .demo-header{gap:20px;line-height:1.7;align-items:start}
.preview-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.preview-controls button{background:transparent;border:1px solid #96a686;border-radius:22px;padding:10px 16px;min-height:44px;font-size:12px;line-height:1.6}
.preview-controls button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.preview-feedback{padding-top:24px;min-height:150px}
.preview-feedback h3{font-size:23px;line-height:1.4;font-weight:500;letter-spacing:-.3px}
.preview-feedback p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}
.car-view{position:relative;margin:16px -8px 0;overflow:hidden}
.car-view img{width:100%;aspect-ratio:1.8;object-fit:cover;object-position:50% 57%;border-radius:12px}
.car-focus{position:absolute;border:2px solid #3d6643;box-shadow:0 0 0 7px #d6e7b877;border-radius:50%;width:15%;height:28%;left:21%;top:65%;transition:all .3s}
[data-demo=car][data-state="1"] .car-focus{left:75%;top:52%;width:12%;height:16%}
[data-demo=car][data-state="2"] .car-focus{left:33%;top:27%;width:38%;height:24%;border-radius:18px}
[data-course=autotechniek] [data-state="0"] .car-focus{left:15%;top:50%;width:27%;height:25%;border-radius:15px}
[data-course=autotechniek] [data-state="1"] .car-focus{left:21%;top:65%;width:15%;height:28%;border-radius:50%}
[data-course=autotechniek] [data-state="2"] .car-focus{left:75%;top:52%;width:12%;height:16%;border-radius:50%}
.photo-view{margin-top:25px;aspect-ratio:1.5;overflow:hidden;border-radius:15px;position:relative;background:#e5dfc7}
.photo-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:60% 35%;transition:transform .45s ease,object-position .45s ease}
.photo-crop{position:absolute;inset:0;border:12px solid #f7f5e933;pointer-events:none}
[data-demo=photo][data-state="1"] .photo-view img{transform:scale(1.25)}
[data-demo=photo][data-state="2"] .photo-crop{inset:0 auto 0 50%;height:100%;aspect-ratio:1;transform:translateX(-50%);border:2px solid #fff;box-shadow:0 0 0 100px #233d3555}
.circuit-view{display:block;width:100%;height:auto;margin-top:30px;overflow:visible}
.wire,.switch-arm,.bulb-line{fill:none;stroke:#4d7151;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.battery{fill:#395b40}.battery-mark{stroke:#e4edcc;stroke-width:4}.switch-contact{fill:#ecf1df;stroke:#395b40;stroke-width:3}
.bulb{fill:#dee3d1;stroke:#4d7151;stroke-width:5}.bulb-line{stroke-width:4}.lamp-glow{fill:#eacd76;opacity:0;transition:opacity .3s}
.switch-arm{transform-origin:207px 48px;transition:transform .3s}
[data-demo=circuit][data-state="1"] .lamp-glow{opacity:.38}
[data-demo=circuit][data-state="1"] .bulb{fill:#f3d88a}
[data-demo=circuit][data-state="1"] .switch-arm{transform:rotate(28deg)}
.diagnostic-screen{background:#244833;border-radius:17px;padding:24px;margin-top:25px;display:grid;gap:20px;color:#d9eabb;min-height:245px}
.diagnostic-screen .screen-status{font-size:9px;letter-spacing:.12em;color:#a9c894}
.screen-line{height:8px;background:#6a8e5e;border-radius:5px;width:90%}.screen-line.short{width:61%}
.diagnostic-screen strong{font-size:20px;font-weight:500;line-height:1.5}
.diagnostic-screen>span:last-child{font-size:10px;line-height:1.7}
.desktop-demo{margin-top:25px;background:#f9f9ef;border:1px solid #b4c0a8;border-radius:14px;overflow:hidden}
.window-top{background:#dce5cf;display:flex;align-items:center;gap:6px;padding:12px 15px}
.window-top i{width:7px;height:7px;border-radius:50%;background:#8fa57d}.window-top span{font-size:10px;margin-left:12px}
.folder-area{padding:24px;display:grid;gap:14px;justify-items:center;text-align:center}
.folder-area svg{width:145px;max-width:70%;height:auto}.folder-area strong{font-size:14px;letter-spacing:.04em;font-weight:500}
.folder-area>span{font-size:11px;color:var(--muted)}
.budget-numbers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.budget-numbers>div{padding:19px;background:#f8f9ef;border-radius:14px;display:grid;gap:9px}
.budget-numbers span{font-size:12px;color:var(--muted)}.budget-numbers strong{font-size:27px;font-weight:500;letter-spacing:-.5px}
.budget-label{display:flex;justify-content:space-between;gap:15px;margin-top:27px;font-size:13px;line-height:1.6;align-items:center}
.budget-label output{font-size:23px;font-weight:500;white-space:nowrap}
.budget-demo input{width:100%;accent-color:#436a38;margin-top:20px;height:35px;cursor:pointer}
.budget-bar{height:20px;background:#d6dfc6;border-radius:7px;overflow:hidden;margin-top:17px}
.budget-saved{display:block;height:100%;background:#6e9259;transition:width .15s}
.budget-result{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:13px}
.budget-result strong{font-size:30px;font-weight:500;white-space:nowrap}
.budget-demo #budget-uitleg{font-size:11px;line-height:1.9;color:var(--muted);margin-top:23px}
@media(max-width:1180px){.course-needs{gap:60px}.course-product .product-copy h1{font-size:48px}.course-demo{padding:23px}.preview-controls button{font-size:11px;padding:9px 13px}}
@media(min-width:761px) and (max-width:980px){.course-needs{gap:40px}.course-product .product-copy h1{font-size:41px}.budget-numbers{gap:10px}.budget-numbers>div{padding:13px}.budget-numbers strong{font-size:22px}.budget-result strong{font-size:25px}.needs-card{padding:25px}.needs-card h3{font-size:21px}.needs-card p{font-size:13px}}
@media(max-width:760px){.course-product .product-copy h1{font-size:clamp(41px,10.8vw,60px)}.course-needs{grid-template-columns:1fr;gap:28px}.needs-card{padding:25px;border-radius:20px}.needs-card h3{font-size:23px}.needs-card p{font-size:13px}.course-demo{padding:21px;border-radius:23px}.preview-controls button{font-size:11px;padding:9px 13px}.preview-feedback h3{font-size:21px}.preview-feedback{min-height:145px}.budget-numbers{gap:10px}.budget-numbers>div{padding:16px 13px}.budget-numbers strong{font-size:24px}.diagnostic-screen{padding:20px}.diagnostic-screen strong{font-size:17px}.course-product .product-photo img[src$=".svg"]{aspect-ratio:1.25}}
@media(max-width:370px){.course-demo{padding:18px}.course-product .product-copy h1{font-size:39px}.budget-numbers strong{font-size:21px}.budget-numbers span{font-size:10px}.budget-label{font-size:12px}.budget-label output{font-size:20px}.budget-result{font-size:12px}.budget-result strong{font-size:26px}.preview-controls{gap:6px}.preview-controls button{font-size:10px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.course-demo *{transition:none!important}}