.cfg-product-quiz{--primary-color: #ffb228;--secondary-color: #222222;--background-color: #ffffff;--text-color: #222222;--subtext-color: #666666;--option-background: #f5f5f5;--option-border-color: #eeeeee;--option-selected-color: #fff8e7;--button-text-color: #ffffff;--border-radius: 8px;--border-radius-mobile: 8px;--option-border-radius: 8px;--option-border-radius-mobile: 6px;--image-border-radius: 4px;--text-align: center;--image-width: 65%;--image-width-mobile: 40%;--mobile-padding: 15px;--heading-size-mobile: 18px;--option-height-mobile: 115px;--progress-bar-height: 8px;--progress-bar-background: #eeeeee;--progress-bar-border-radius: 4px;--progress-text-size: 14px;--show-progress-bar: none;--mobile-grid-gap: 15px;--option-margin-bottom: 15px;--start-over-color: #222222;max-width:800px;margin:0 auto 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);text-align:var(--text-align);border-radius:var(--border-radius)}.quiz-start{padding:2rem;background-color:var(--background-color);border-radius:var(--border-radius);margin-bottom:2rem}.quiz-start h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-color)}.quiz-start p{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-color)}.quiz-button{background-color:var(--secondary-color);color:var(--button-text-color);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--option-border-radius);cursor:pointer;transition:background-color .3s ease}.quiz-button:hover{opacity:.9}.quiz-question{padding:1.5rem;background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d}.quiz-question h3{font-size:1.5rem;margin-bottom:1.5rem;text-align:var(--text-align);color:var(--text-color)}.quiz-progress{margin-bottom:1.5rem;display:var(--show-progress-bar);flex-direction:column}.quiz-progress-bar{height:var(--progress-bar-height);background-color:var(--progress-bar-background);border-radius:var(--progress-bar-border-radius);overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background-color:var(--primary-color);border-radius:var(--progress-bar-border-radius);transition:width .4s ease}.quiz-progress-info{display:flex;justify-content:space-between;align-items:center}.quiz-progress-text{font-size:var(--progress-text-size);color:var(--text-color);opacity:.8}.quiz-start-over{font-size:var(--progress-text-size);color:var(--start-over-color);text-decoration:underline;cursor:pointer;font-weight:500}.quiz-start-over:hover{opacity:.8}.quiz-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.quiz-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background-color:var(--option-background);border:2px solid var(--option-border-color);border-radius:var(--option-border-radius);cursor:pointer;transition:all .3s ease}.quiz-option:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.quiz-option.selected{border-color:var(--primary-color);background-color:var(--option-selected-color)}.quiz-option-image{width:var(--image-width);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.quiz-option-image img{max-width:100%;border-radius:var(--image-border-radius);object-fit:contain}.quiz-option-label{font-weight:600;font-size:1.1rem;text-align:center;color:var(--text-color)}.quiz-option-subtext{font-size:.875rem;margin-top:.5rem;text-align:center;color:var(--subtext-color)}@media (max-width: 768px){.cfg-product-quiz{border-radius:var(--border-radius-mobile)}.quiz-start{padding:1rem;border-radius:var(--border-radius-mobile)}.quiz-start h2{font-size:1.5rem;margin-bottom:.75rem}.quiz-start p{font-size:1rem;margin-bottom:1rem}.quiz-question{padding:1rem;border-radius:var(--border-radius-mobile)}.quiz-question h3{font-size:var(--heading-size-mobile);margin-bottom:1rem}.quiz-options{grid-template-columns:1fr;gap:var(--mobile-grid-gap);margin-top:1rem}.quiz-option{padding:var(--mobile-padding);border-radius:var(--option-border-radius-mobile);min-height:var(--option-height-mobile);flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:var(--option-margin-bottom)}.quiz-option-image{width:var(--image-width-mobile);margin-right:calc(var(--mobile-padding) * .8);margin-bottom:0;flex-shrink:0}.quiz-option-text{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.quiz-option-label{font-size:.9rem;text-align:left;margin-bottom:4px}.quiz-option-subtext{font-size:.75rem;margin-top:0;text-align:left;line-height:1.2}.quiz-button{padding:.5rem 1rem;font-size:.9rem;border-radius:var(--option-border-radius-mobile)}}@media (max-width: 480px){.quiz-options{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/289/assets/cfg_product-quiz.css.map */