.quiz-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.quiz-progress{height:4px;background:var(--color-accent-porcelain, #D8D0C2);border-radius:2px;overflow:hidden;margin-bottom:.75rem}.quiz-progress-bar{height:100%;background:var(--color-primary, #7D7D4C);transition:width var(--transition-base, .3s ease)}.quiz-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);margin-bottom:2rem}.quiz-product-count{background:var(--color-primary, #7D7D4C);color:var(--color-white, white);padding:.25rem .75rem;border-radius:10px;font-size:.75rem;font-weight:500}.quiz-product-count--zero{background:var(--color-primary-light, #A18B7A)}.quiz-relaxed-message{font-size:.875rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);font-style:italic;margin-bottom:.5rem}.quiz-multi-hint{font-size:.875rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);text-align:center;margin-bottom:1.5rem;margin-top:-1.5rem}.quiz-question{font-size:1.5rem;font-weight:600;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33);margin-bottom:2.5rem;text-align:center;line-height:1.3}@media (max-width: 640px){.quiz-question{font-size:1.25rem;margin-bottom:2rem}}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2.5rem}@media (max-width: 480px){.quiz-options{grid-template-columns:1fr}}.quiz-option{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--color-white, white);border:1px solid var(--color-accent-porcelain, #D8D0C2);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-options--multi .quiz-option{flex-direction:row;align-items:flex-start;gap:.75rem}.quiz-option-checkbox{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border:2px solid var(--color-accent-porcelain, #D8D0C2);border-radius:4px;background:var(--color-white, white);font-size:.75rem;font-weight:700;color:transparent;transition:all .2s ease;margin-top:.125rem}.quiz-option:hover .quiz-option-checkbox{border-color:var(--color-primary-light, #A18B7A)}.quiz-option.is-selected .quiz-option-checkbox{background:var(--color-white, white);border-color:var(--color-white, white);color:var(--color-primary, #7D7D4C)}.quiz-options--multi .quiz-option-content{display:flex;flex-direction:column}.quiz-option:hover{border-color:var(--color-primary-light, #A18B7A);background:var(--bg-secondary, #E6E0D4)}.quiz-option.is-selected{border-color:var(--color-primary, #7D7D4C);background:var(--color-primary, #7D7D4C)}.quiz-option.is-selected .quiz-option-label,.quiz-option.is-selected .quiz-option-subtitle{color:var(--color-white, white)}.quiz-option-label{font-weight:500;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33);font-size:1rem;line-height:1.3;margin-bottom:.25rem}.quiz-option-subtitle{font-size:.8125rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);line-height:1.4;transition:color .2s ease}.quiz-option.is-selected .quiz-option-subtitle{color:#ffffffd9}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;font-family:var(--font-secondary, "Jost", sans-serif);border-radius:10px;cursor:pointer;transition:all var(--transition-base, .3s ease);text-decoration:none;border:none;background:none}.quiz-btn-back{color:var(--color-primary-light, #A18B7A)}.quiz-btn-back:hover{color:var(--color-primary-dark, #463B33)}.quiz-btn-skip{color:var(--color-primary-light, #A18B7A);text-decoration:underline;text-underline-offset:2px}.quiz-btn-skip:hover{color:var(--color-primary-dark, #463B33)}.quiz-btn-primary{background:var(--color-primary, #7D7D4C);color:var(--color-white, white);padding:1rem 2rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05))}.quiz-btn-primary:hover{background:var(--color-primary-dark, #463B33);color:var(--color-white, white);transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(0, 0, 0, .1)),0 0 0 1px #c2976326}.quiz-btn-secondary{background:var(--color-white, white);color:var(--color-primary-dark, #463B33);border:2px solid var(--color-accent-porcelain, #D8D0C2)}.quiz-btn-secondary:hover{border-color:var(--color-primary-light, #A18B7A);transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(0, 0, 0, .1))}.quiz-btn-visualizer{background:var(--color-primary, #7D7D4C);color:var(--color-white, white);padding:.875rem 1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05))}.quiz-btn-visualizer:hover{background:var(--color-primary-dark, #463B33);transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(0, 0, 0, .1)),0 0 0 1px #c2976326;color:var(--color-white, white)}.quiz-loading{text-align:center;padding:4rem 1rem}.quiz-spinner{width:48px;height:48px;border:3px solid var(--color-accent-porcelain, #D8D0C2);border-top-color:var(--color-primary, #7D7D4C);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.quiz-results-header{text-align:center;margin-bottom:2rem}.quiz-results-header h2{font-size:1.5rem;font-weight:700;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33);margin-bottom:1rem;line-height:1.2}.quiz-summary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A)}.quiz-summary-tag{background:var(--bg-secondary, #E6E0D4);color:var(--color-primary-dark, #463B33);padding:.25rem .75rem;border-radius:10px;font-size:.8125rem}.quiz-products{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.quiz-products{grid-template-columns:repeat(4,1fr)}}.quiz-product-card{display:block;background:var(--color-white, white);border-radius:10px;overflow:hidden;text-decoration:none;transition:all var(--transition-base, .3s ease);position:relative;border:1px solid var(--color-accent-porcelain, #D8D0C2)}.quiz-product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover, 0 6px 20px rgba(0, 0, 0, .1)),0 0 0 1px #c2976326}.quiz-product-badge{position:absolute;top:.5rem;left:.5rem;background:var(--color-error, #B3473F);color:var(--color-white, white);font-size:.75rem;font-weight:700;font-family:var(--font-secondary, "Jost", sans-serif);text-transform:uppercase;letter-spacing:.2px;padding:.25rem .5rem;border-radius:10px;z-index:1}.quiz-product-image{aspect-ratio:1;background:var(--bg-secondary, #E6E0D4);overflow:hidden}.quiz-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base, .3s ease)}.quiz-product-card:hover .quiz-product-image img{transform:scale(1.05)}.quiz-product-placeholder{width:100%;height:100%;background:var(--color-accent-porcelain, #D8D0C2)}.quiz-product-info{padding:.75rem}.quiz-product-title{font-size:.875rem;font-weight:500;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33);margin:0 0 .25rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quiz-product-height{font-size:.75rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);display:block;margin-bottom:.5rem}.quiz-product-price{display:flex;align-items:center;gap:.5rem}.quiz-product-price-old{font-size:.8125rem;font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);text-decoration:line-through}.quiz-product-price-current{font-size:1rem;font-weight:600;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33)}.quiz-results-actions{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}@media (min-width: 480px){.quiz-results-actions{flex-direction:row;justify-content:center}}.quiz-visualizer-cta{background:var(--bg-secondary, #E6E0D4);border:1px solid var(--color-accent-porcelain, #D8D0C2);border-radius:10px;padding:2rem;text-align:center}.quiz-visualizer-cta h3{font-size:1.25rem;font-weight:700;font-family:var(--font-primary, "Jost", sans-serif);color:var(--color-primary-dark, #463B33);margin:0 0 .5rem;line-height:1.2}.quiz-visualizer-cta p{font-family:var(--font-secondary, "Jost", sans-serif);color:var(--color-primary-light, #A18B7A);margin:0 0 1rem;font-size:.9375rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/keuzehulp-quiz.css.map */