/* Scoped presentation only. Existing page effects, media assets and fonts stay intact. */
.csb-ux-home .hero{padding-top:42px}.csb-ux-home .hero-grid{align-items:center}.csb-ux-home .hero-copy h1{font-size:clamp(2.5rem,4.5vw,3.625rem);line-height:1.1}.csb-ux-home .hero-copy .lead{max-width:38em}.csb-ux-home .hero-media{max-height:480px;min-height:0}.csb-ux-home .hero-media>img{height:420px;width:100%;object-fit:cover;border-radius:22px}
.ux-config-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0;scroll-margin-top:130px}.ux-config-steps button{padding:16px 10px;border:1px solid #41515d;border-radius:12px;background:#111f2b;color:#d8e6ec;font:inherit;font-size:.95rem;cursor:pointer;min-height:52px}.ux-config-steps button[aria-current=step]{color:#b8fff0;background:#153a3c;border-color:#56d9ca;box-shadow:inset 0 -3px #56d9ca}.ux-config-steps button:disabled{opacity:.5;cursor:not-allowed}.ux-config-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;flex-wrap:wrap}.ux-config-controls .btn{min-height:48px}.ux-config-controls [hidden]{display:none!important}.ux-config-status{flex:1;color:#c6e6e3;font-size:.9rem;margin:0;text-align:center}.ux-config-steps button:focus-visible{outline:3px solid #fb52b0;outline-offset:3px}
#konfigurator[data-ux-step] .configurator-layout{display:block}#konfigurator[data-ux-step] .config-summary-card{position:static;max-width:none}#konfigurator[data-ux-step] .config-package-list{grid-template-columns:repeat(2,minmax(0,1fr))}
#konfigurator[data-ux-step="1"] [data-configurator],#konfigurator[data-ux-step="1"] [data-config-mode-picker],
#konfigurator[data-ux-step="2"] .config-tabs,#konfigurator[data-ux-step="2"] [data-combo-picker],#konfigurator[data-ux-step="2"] [data-config-mode-picker],#konfigurator[data-ux-step="2"] [data-options-stage],#konfigurator[data-ux-step="2"] .config-summary-card,
#konfigurator[data-ux-step="3"] .config-tabs,#konfigurator[data-ux-step="3"] [data-combo-picker],#konfigurator[data-ux-step="3"] .configurator-main>.config-stage:not([data-options-stage]),#konfigurator[data-ux-step="3"] .config-summary-card,
#konfigurator[data-ux-step="4"] .config-tabs,#konfigurator[data-ux-step="4"] [data-config-mode-picker],#konfigurator[data-ux-step="4"] .configurator-main,#konfigurator[data-ux-step="4"] .config-combo-picker>div:not([data-combo-progress]){display:none!important}
#konfigurator[data-ux-step] [hidden]{display:none!important}#konfigurator[data-ux-step] .config-mode-note{font-size:.88rem}#konfigurator[data-ux-step] .config-stage-head .config-step,#konfigurator[data-ux-step] .config-summary-head .config-step{display:none}
#konfigurator[data-ux-step="4"] [data-combo-picker]:has([data-combo-progress][hidden]){display:none!important}
@media(max-width:767px){.csb-ux-home .hero{padding-top:20px}.csb-ux-home .hero-grid{gap:20px}.csb-ux-home .hero-copy h1,.csb-ux-home .hero-copy h1 span{font-size:36px!important;line-height:1.12!important}.csb-ux-home .hero-copy .lead{font-size:1rem!important;line-height:1.6!important}.csb-ux-home .hero-media{display:block!important;min-height:0!important;max-height:240px!important}.csb-ux-home .hero-media>img{height:220px!important;min-height:0!important;object-fit:cover!important}.csb-ux-home .hero-media .floating-card{display:none}.ux-config-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;scroll-margin-top:95px}.ux-config-steps button{font-size:.83rem;padding:12px 8px}#konfigurator[data-ux-step] .config-package-list{grid-template-columns:1fr}.ux-config-controls{gap:12px}.ux-config-status{order:-1;flex-basis:100%;text-align:left}.ux-config-controls .btn{flex:1}}
