.hair-quiz{width:100%}.hair-quiz__inner{max-width:780px;margin:0 auto;padding:4.5rem 5vw;text-align:center}.hair-quiz__eyebrow{display:block;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.9rem}.hair-quiz__heading{font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:800;line-height:1.2;margin:0 0 1rem}.hair-quiz__subheading{font-size:1.1rem;line-height:1.6;color:#4a4458;margin:0 0 2.25rem}.hair-quiz__card{background-color:#fff;border-radius:24px;padding:2.75rem 2rem;box-shadow:0 10px 40px #1b173014}.hair-quiz__start-btn,.hair-quiz__retry-btn,.hair-quiz__result-btn{display:inline-flex;align-items:center;gap:.6rem;padding:1.05rem 2.4rem;border-radius:999px;border:none;background-color:#1b1730;color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.hair-quiz__start-btn:hover,.hair-quiz__retry-btn:hover,.hair-quiz__result-btn:hover{opacity:.85;transform:translateY(-1px)}.hair-quiz__progress{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8a8494;margin-bottom:1.1rem}.hair-quiz__question-heading{font-size:1.4rem;font-weight:800;color:#1b1730;margin:0 0 1.75rem}.hair-quiz__options{display:flex;flex-direction:column;gap:.85rem}.hair-quiz__option{display:block;width:100%;padding:1rem 1.4rem;border-radius:14px;border:2px solid rgba(27,23,48,.1);background-color:#fff;color:#1b1730;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.hair-quiz__option:hover{border-color:var(--hair-quiz-accent, #c2367e);background-color:#c2367e0d}.hair-quiz__back-btn{display:inline-block;margin-top:1.5rem;font-size:.9rem;font-weight:600;color:#8a8494;background:none;border:none;cursor:pointer;text-decoration:underline}.hair-quiz__result-badge{display:inline-block;padding:.4rem 1rem;border-radius:999px;background-color:var(--hair-quiz-accent, #c2367e);color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.1rem}.hair-quiz__result-media{width:160px;height:160px;object-fit:contain;margin:0 auto 1.25rem;display:block}.hair-quiz__result-heading{font-size:1.6rem;font-weight:800;color:#1b1730;margin:0 0 .75rem}.hair-quiz__result-text{font-size:1.02rem;line-height:1.6;color:#4a4458;margin:0 0 .5rem}.hair-quiz__result-price{font-size:1rem;font-weight:700;color:#1b1730;margin:0 0 1.5rem}.hair-quiz__result-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.hair-quiz__retry-btn{background-color:transparent;color:#1b1730;border:2px solid rgba(27,23,48,.15)}[data-quiz-step]{animation:hair-quiz-fade .25s ease}@keyframes hair-quiz-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:989px){.hair-quiz__inner{padding:3rem 6vw}.hair-quiz__card{padding:2rem 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-hair-quiz.css.map */