.keuzehulp-app{--kh-bg: #faf7f5;--kh-ink: #161613;--kh-ink-soft: #6b6a63;--kh-accent: #3d6b52;--kh-accent-tint: #e7eee9;--kh-border: #e2e0d8;--kh-white: #ffffff}.keuzehulp-app *{box-sizing:border-box}.kh-wrap{max-width:640px;margin:0 auto;padding:56px 24px 96px;color:var(--kh-ink)}.kh-modules{display:flex;justify-content:center;gap:8px;margin-bottom:40px}.kh-module{width:56px;height:14px;border-radius:4px;background:var(--kh-border);transition:background .4s ease}.kh-module.filled{background:var(--kh-accent)}.kh-eyebrow{text-align:center;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--kh-accent);margin-bottom:12px}.kh-title{text-align:center;font-size:34px;font-weight:700;line-height:1.15;margin:0 0 12px;letter-spacing:-.01em}.kh-title span{color:var(--kh-accent)}.kh-subtitle{text-align:center;font-size:16px;color:var(--kh-ink-soft);line-height:1.5;max-width:440px;margin:0 auto 40px}.kh-step-label{font-size:18px;font-weight:700;text-align:center;margin:0 0 20px}.kh-options{display:flex;flex-direction:column;gap:12px}.kh-option{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 20px;background:var(--kh-white);border:1.5px solid var(--kh-border);border-radius:14px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--kh-ink);transition:border-color .15s ease,background .15s ease,transform .1s ease}.kh-option:hover{border-color:var(--kh-accent);background:var(--kh-accent-tint)}.kh-option:active{transform:scale(.99)}.kh-option-icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--kh-accent-tint);display:flex;align-items:center;justify-content:center}.kh-option-icon svg{width:18px;height:18px;stroke:var(--kh-accent)}.kh-panel-input{display:flex;align-items:center;gap:16px;margin-bottom:20px}.kh-slider{flex:1;accent-color:var(--kh-accent)}.kh-number{width:68px;flex-shrink:0;text-align:center;padding:10px 8px;background:var(--kh-white);border:1.5px solid var(--kh-border);border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;color:var(--kh-ink)}.kh-slider:focus-visible,.kh-number:focus-visible{outline:2px solid var(--kh-accent);outline-offset:2px}.kh-preview{background:var(--kh-accent-tint);border-radius:14px;padding:16px 20px;margin:0 0 20px;font-size:14px;font-weight:500;color:var(--kh-ink);text-align:center;line-height:1.5}.kh-preview strong{font-weight:700;color:var(--kh-accent)}.kh-preview-notice{background:var(--kh-white);border:1.5px solid var(--kh-border);border-radius:14px;padding:18px 20px;margin-bottom:20px;text-align:center}.kh-preview-notice[hidden]{display:none}.kh-preview-notice p{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--kh-ink);line-height:1.5}.kh-cta-confirm{display:block;width:100%;text-align:center}.kh-cta[hidden]{display:none}.kh-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--kh-ink-soft);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:24px}.kh-back:hover{color:var(--kh-ink)}.kh-result{background:var(--kh-white);border:1.5px solid var(--kh-border);border-radius:18px;padding:32px;text-align:center}.kh-result-badge{display:inline-block;background:var(--kh-accent-tint);color:var(--kh-accent);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:6px 12px;border-radius:100px;margin-bottom:16px}.kh-result-title{font-size:26px;font-weight:700;margin:0 0 8px}.kh-result-desc{font-size:15px;color:var(--kh-ink-soft);line-height:1.55;margin:0 0 24px}.kh-result-specs{display:flex;justify-content:center;gap:24px;padding:18px 0;border-top:1px solid var(--kh-border);border-bottom:1px solid var(--kh-border);margin-bottom:24px}.kh-spec{text-align:center}.kh-spec-value{font-size:20px;font-weight:700}.kh-spec-label{font-size:12px;color:var(--kh-ink-soft);margin-top:2px}.kh-cta{display:inline-block;background:var(--kh-ink);color:var(--kh-white);font-weight:600;font-size:15px;padding:14px 28px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease}.kh-cta:hover{background:var(--kh-accent)}.kh-restart{display:block;margin:16px auto 0;background:none;border:none;color:var(--kh-ink-soft);font-family:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.keuzehulp-app [data-kh-screen]{display:none}.keuzehulp-app [data-kh-screen].active{display:block}@media(prefers-reduced-motion:reduce){.keuzehulp-app .kh-module,.keuzehulp-app .kh-option{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-keuzehulp.css.map */