:root{--cc-font: inherit;--cc-primary: #2c3e50;--cc-primary-hover: #1a252f;--cc-accent: #e74c3c;--cc-accent-light: #fdecea;--cc-bg: #ffffff;--cc-bg-alt: #f8f9fa;--cc-text: #2c3e50;--cc-text-light: #7f8c8d;--cc-border: #e0e0e0;--cc-radius: 12px;--cc-radius-sm: 8px;--cc-shadow: 0 2px 12px rgba(0,0,0,.08);--cc-shadow-hover: 0 4px 20px rgba(0,0,0,.12);--cc-transition: .25s ease;--cc-max-width: 640px;--cc-font-size-title: 32px;--cc-font-size-question: 24px;--cc-font-size-subtitle: 17px;--cc-font-size-body: 16px;--cc-font-size-btn: 16px;--cc-font-size-btn-lg: 18px;--cc-font-size-small: 14px;--cc-font-size-xs: 12px;--cc-font-size-compare-name: 22px;--cc-font-size-compare-price: 20px;--cc-font-size-compare-heading: 24px;--cc-spacing-intro: 48px;--cc-spacing-section: 24px;--cc-spacing-card: 24px;--cc-spacing-option: 18px;--cc-spacing-option-gap: 12px;--cc-spacing-grid-gap: 12px;--cc-spacing-compare-gap: 20px;--cc-btn-padding-y: 14px;--cc-btn-padding-x: 32px;--cc-btn-lg-padding-y: 18px;--cc-btn-lg-padding-x: 40px;--cc-progress-height: 4px;--cc-compare-img-width: 240px;--cc-option-icon-size: 40px}.cc-quiz{font-family:var(--cc-font);color:var(--cc-text);max-width:var(--cc-max-width);margin:0 auto;padding:20px}.cc-quiz__animate-in{animation:ccSlideIn .35s ease forwards}@keyframes ccSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.cc-quiz__progress{height:var(--cc-progress-height);background:var(--cc-border);border-radius:2px;overflow:hidden;margin-bottom:var(--cc-spacing-section)}.cc-quiz__progress-bar{height:100%;background:var(--cc-accent);border-radius:2px;transition:width .4s ease}.cc-quiz__step-label{font-size:var(--cc-font-size-xs);color:var(--cc-text-light);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.cc-quiz__intro{text-align:center;padding:var(--cc-spacing-intro) 0}.cc-quiz__intro-icon{font-size:48px;margin-bottom:16px}.cc-quiz__title{font-size:var(--cc-font-size-title);font-weight:700;color:var(--cc-primary);margin:0 0 12px;line-height:1.2}.cc-quiz__subtitle{font-size:var(--cc-font-size-subtitle);color:var(--cc-text-light);margin:0 0 var(--cc-spacing-section);line-height:1.5}.cc-quiz__time{font-size:var(--cc-font-size-small);color:var(--cc-text-light);margin-top:16px}.cc-quiz__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--cc-btn-padding-y) var(--cc-btn-padding-x);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-btn);font-weight:600;font-family:var(--cc-font);cursor:pointer;transition:all var(--cc-transition);border:none;text-decoration:none;line-height:1}.cc-quiz__btn--primary{background:var(--cc-primary);color:#fff}.cc-quiz__btn--primary:hover{background:var(--cc-primary-hover);transform:translateY(-1px);box-shadow:var(--cc-shadow-hover)}.cc-quiz__btn--secondary{background:transparent;color:var(--cc-primary);border:2px solid var(--cc-primary)}.cc-quiz__btn--secondary:hover{background:var(--cc-primary);color:#fff}.cc-quiz__btn--ghost{background:transparent;color:var(--cc-text-light);padding:10px 20px;font-weight:500}.cc-quiz__btn--ghost:hover{color:var(--cc-text)}.cc-quiz__btn--large{padding:var(--cc-btn-lg-padding-y) var(--cc-btn-lg-padding-x);font-size:var(--cc-font-size-btn-lg);width:100%}.cc-quiz__question-text{font-size:var(--cc-font-size-question);font-weight:700;color:var(--cc-primary);margin:0 0 var(--cc-spacing-section);line-height:1.3}.cc-quiz__options{display:flex;flex-direction:column;gap:var(--cc-spacing-option-gap)}.cc-quiz__option{display:flex;align-items:center;gap:16px;padding:var(--cc-spacing-option) 20px;background:var(--cc-bg);border:2px solid var(--cc-border);border-radius:var(--cc-radius);cursor:pointer;transition:all var(--cc-transition);text-align:left;font-family:var(--cc-font);width:100%}.cc-quiz__option:hover{border-color:var(--cc-primary);box-shadow:var(--cc-shadow);transform:translateY(-1px)}.cc-quiz__option--selected{border-color:var(--cc-accent);background:var(--cc-accent-light);transform:scale(.98)}.cc-quiz__option-icon{font-size:24px;flex-shrink:0;width:var(--cc-option-icon-size);text-align:center}.cc-quiz__option-content{display:flex;flex-direction:column;gap:4px}.cc-quiz__option-label{font-size:var(--cc-font-size-body);font-weight:600;color:var(--cc-text)}.cc-quiz__option-desc{font-size:var(--cc-font-size-small);color:var(--cc-text-light);line-height:1.4}.cc-quiz__back{display:inline-block;margin-top:var(--cc-spacing-section);padding:8px 0;background:none;border:none;color:var(--cc-text-light);font-size:var(--cc-font-size-small);cursor:pointer;font-family:var(--cc-font);transition:color var(--cc-transition)}.cc-quiz__back:hover{color:var(--cc-text)}.cc-quiz__textarea{width:100%;min-height:120px;padding:16px;border:2px solid var(--cc-border);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-body);font-family:var(--cc-font);color:var(--cc-text);resize:vertical;transition:border-color var(--cc-transition);box-sizing:border-box}.cc-quiz__textarea:focus{outline:none;border-color:var(--cc-primary)}.cc-quiz__text-actions{display:flex;gap:var(--cc-spacing-option-gap);margin-top:16px}.cc-quiz__email{text-align:center;padding:32px 0}.cc-quiz__email-icon{font-size:40px;margin-bottom:12px}.cc-quiz__email-form{display:flex;gap:var(--cc-spacing-option-gap);margin:var(--cc-spacing-section) 0 16px;flex-wrap:wrap}.cc-quiz__email-input{flex:1;min-width:200px;padding:var(--cc-btn-padding-y) 16px;border:2px solid var(--cc-border);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-body);font-family:var(--cc-font);transition:border-color var(--cc-transition)}.cc-quiz__email-input:focus{outline:none;border-color:var(--cc-primary)}.cc-quiz__email-input--error{border-color:var(--cc-accent);animation:ccShake .4s ease}@keyframes ccShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.cc-quiz__results{padding:16px 0}.cc-quiz__results-hero{text-align:center;padding:32px 0 24px}.cc-quiz__results-image{max-width:320px;margin:0 auto 20px}.cc-quiz__results-image img{width:100%;height:auto;border-radius:var(--cc-radius);object-fit:contain}.cc-quiz__runner-up-img{max-width:160px;height:auto;border-radius:var(--cc-radius-sm);object-fit:contain;margin-bottom:12px}.cc-quiz__results-badge{display:inline-block;padding:6px 16px;background:var(--cc-accent-light);color:var(--cc-accent);font-size:var(--cc-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;margin-bottom:16px}.cc-quiz__results-name{font-size:36px;font-weight:800;color:var(--cc-primary);margin:0 0 8px;line-height:1.1}.cc-quiz__results-price{font-size:var(--cc-font-size-compare-price);color:var(--cc-text-light);font-weight:600}.cc-quiz__size-badge{text-align:center;padding:12px 20px;background:var(--cc-accent-light);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-body);color:var(--cc-accent);margin-bottom:var(--cc-spacing-section)}.cc-quiz__fit-note{text-align:center;padding:12px 20px;background:#fff3cd;border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-small);color:#856404;margin-bottom:var(--cc-spacing-section)}.cc-quiz__results-why{background:var(--cc-bg-alt);padding:var(--cc-spacing-card);border-radius:var(--cc-radius);margin-bottom:var(--cc-spacing-section)}.cc-quiz__results-why h4{font-size:var(--cc-font-size-small);text-transform:uppercase;letter-spacing:.05em;color:var(--cc-text-light);margin:0 0 12px}.cc-quiz__results-why p{font-size:var(--cc-font-size-body);line-height:1.6;margin:0;color:var(--cc-text)}.cc-quiz__ideal-ride{text-align:center;padding:16px 24px;margin-bottom:var(--cc-spacing-section);font-size:15px;color:var(--cc-text-light);line-height:1.5}.cc-quiz__ideal-ride em{display:block;font-size:var(--cc-font-size-body);color:var(--cc-text);margin-bottom:4px}.cc-quiz__specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--cc-spacing-grid-gap);margin-bottom:var(--cc-spacing-section)}.cc-quiz__spec{background:var(--cc-bg-alt);padding:14px 16px;border-radius:var(--cc-radius-sm);text-align:center}.cc-quiz__spec-label{font-size:var(--cc-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--cc-text-light);margin-bottom:4px}.cc-quiz__spec-value{font-size:15px;font-weight:600;color:var(--cc-text)}.cc-quiz__handlebar-card{background:var(--cc-bg-alt);border-radius:var(--cc-radius);padding:var(--cc-spacing-card);margin-bottom:var(--cc-spacing-section);text-align:center}.cc-quiz__handlebar-title{font-size:var(--cc-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--cc-text-light);margin-bottom:8px}.cc-quiz__handlebar-name{font-size:20px;font-weight:700;color:var(--cc-primary);margin-bottom:8px}.cc-quiz__handlebar-reason{font-size:var(--cc-font-size-small);color:var(--cc-text-light);margin-bottom:20px;line-height:1.5}.cc-quiz__bar-note{font-size:var(--cc-font-size-xs);color:var(--cc-accent);background:var(--cc-accent-light);padding:10px 14px;border-radius:var(--cc-radius-sm);margin-bottom:16px;line-height:1.5}.cc-quiz__handlebar-visual{display:flex;justify-content:center;gap:var(--cc-spacing-compare-gap)}.cc-quiz__bar-option{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.35;transition:opacity var(--cc-transition)}.cc-quiz__bar-option--active{opacity:1}.cc-quiz__bar-option span{font-size:var(--cc-font-size-xs);font-weight:600;color:var(--cc-text)}.cc-quiz__bar-icon{width:48px;height:48px;border-radius:50%;background:var(--cc-border);position:relative}.cc-quiz__bar-option--active .cc-quiz__bar-icon{background:var(--cc-primary)}.cc-quiz__bar-icon--s:after,.cc-quiz__bar-icon--m:after,.cc-quiz__bar-icon--h:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;background:inherit;border-radius:2px}.cc-quiz__bar-icon--s:after{bottom:-8px;height:12px}.cc-quiz__bar-icon--m:after{bottom:-14px;height:18px}.cc-quiz__bar-icon--h:after{bottom:-20px;height:24px}.cc-quiz__cta-group{display:flex;flex-direction:column;gap:var(--cc-spacing-option-gap);margin-bottom:var(--cc-spacing-section)}.cc-quiz__cta-group .cc-quiz__btn{text-align:center;width:100%;box-sizing:border-box}.cc-quiz__incentive-banner{background:var(--cc-accent-light);border:2px solid var(--cc-accent);border-radius:var(--cc-radius);padding:16px 20px;margin-bottom:var(--cc-spacing-section);text-align:center}.cc-quiz__incentive-icon{font-size:28px;margin-bottom:4px}.cc-quiz__incentive-text{font-size:var(--cc-font-size-body);font-weight:700;color:var(--cc-accent);margin:0}.cc-quiz__incentive-subtext{font-size:var(--cc-font-size-small);color:var(--cc-text-light);margin:4px 0 0}.cc-quiz__email-incentive{background:var(--cc-accent-light);border-radius:var(--cc-radius);padding:16px 20px;margin-bottom:20px;text-align:center}.cc-quiz__email-incentive-amount{font-size:28px;font-weight:800;color:var(--cc-accent);display:block}.cc-quiz__email-incentive-text{font-size:var(--cc-font-size-small);color:var(--cc-text);margin-top:4px}.cc-quiz__incentive-terms{font-size:var(--cc-font-size-xs);color:var(--cc-text-light);margin-top:12px;line-height:1.4}.cc-compare__header{text-align:center;margin-bottom:var(--cc-spacing-section)}.cc-compare__heading{font-size:var(--cc-font-size-compare-heading);font-weight:700;color:var(--cc-primary);margin:12px 0 0}.cc-compare__grid{display:flex;flex-direction:column;gap:var(--cc-spacing-compare-gap);margin-bottom:28px}.cc-compare__card{background:var(--cc-bg-alt);border:2px solid var(--cc-border);border-radius:var(--cc-radius);padding:var(--cc-spacing-card);text-align:center;position:relative;transition:box-shadow var(--cc-transition)}.cc-compare__card--primary{border-color:var(--cc-accent);box-shadow:0 2px 16px #e74c3c1f}.cc-compare__match-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:20px;margin-bottom:12px;background:var(--cc-bg);color:var(--cc-text-light);border:1px solid var(--cc-border)}.cc-compare__match-badge--top{background:var(--cc-accent-light);color:var(--cc-accent);border-color:var(--cc-accent)}.cc-compare__image{margin-bottom:12px}.cc-compare__image img{max-width:var(--cc-compare-img-width);width:100%;height:auto;border-radius:var(--cc-radius-sm);object-fit:contain}.cc-compare__name{font-size:var(--cc-font-size-compare-name);font-weight:700;color:var(--cc-primary);margin:0 0 4px}.cc-compare__price{font-size:var(--cc-font-size-compare-price);color:var(--cc-text-light);font-weight:600;margin-bottom:16px}.cc-compare__size-badge{display:inline-block;padding:4px 12px;background:var(--cc-accent-light);border-radius:var(--cc-radius-sm);font-size:var(--cc-font-size-small);font-weight:600;color:var(--cc-accent);margin-bottom:12px}.cc-compare__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:12px}.cc-compare__spec{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--cc-bg);border-radius:var(--cc-radius-sm)}.cc-compare__spec-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-light);margin-bottom:2px}.cc-compare__spec-value{font-size:var(--cc-font-size-small);font-weight:600;color:var(--cc-text)}.cc-compare__handlebar{padding:8px 12px;background:var(--cc-bg);border-radius:var(--cc-radius-sm);margin-bottom:12px;font-size:var(--cc-font-size-small)}.cc-compare__handlebar-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cc-text-light);margin-right:8px}.cc-compare__handlebar-value{font-weight:600;color:var(--cc-text)}.cc-compare__bar-note{font-size:var(--cc-font-size-xs);color:var(--cc-accent);margin-top:6px;line-height:1.4}.cc-compare__why{font-size:var(--cc-font-size-small);line-height:1.5;color:var(--cc-text-light);margin:0 0 16px;padding:0 4px}.cc-compare__actions{display:flex;flex-direction:column;gap:8px}.cc-compare__actions .cc-quiz__btn{width:100%;box-sizing:border-box;text-align:center}.cc-compare__footer-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:var(--cc-spacing-section)}.cc-compare__footer-actions .cc-quiz__btn{width:100%;box-sizing:border-box;text-align:center}.cc-quiz__browse-link{display:block;text-align:center;color:var(--cc-primary);font-weight:600;font-size:15px;text-decoration:none;padding:12px;transition:color var(--cc-transition)}.cc-quiz__browse-link:hover{color:var(--cc-accent)}.cc-quiz__results-footer{text-align:center;margin-top:var(--cc-spacing-section);padding-top:var(--cc-spacing-section);border-top:1px solid var(--cc-border)}@media(max-width:640px){:root{--cc-font-size-title: 26px;--cc-font-size-question: 20px;--cc-font-size-compare-heading: 20px;--cc-font-size-compare-name: 18px;--cc-font-size-compare-price: 17px}.cc-quiz{padding:16px}.cc-quiz__results-name{font-size:28px}.cc-quiz__email-form{flex-direction:column}.cc-quiz__email-input{min-width:unset}.cc-quiz__handlebar-visual{gap:16px}.cc-quiz__specs-grid{grid-template-columns:repeat(2,1fr)}.cc-quiz__text-actions{flex-direction:column}.cc-compare__card{padding:16px}.cc-compare__specs{grid-template-columns:repeat(2,1fr)}.cc-compare__image img{max-width:180px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/quiz-styles.css.map */