.hair-quiz{--hq-cream: #f4ebdd;--hq-ink: #2a1a0e;--hq-rose: #e8a0ab;--hq-rose-border: #2a1a0e;--hq-muted: #b3a999;--hq-line: #2a1a0e;background:var(--hq-cream);color:var(--hq-ink);min-height:70vh;padding:6rem 2rem;display:flex;align-items:flex-start;justify-content:center;font-family:var(--font-body-family, inherit);font-size:1.6rem;line-height:1.5}.hair-quiz__inner{width:100%;max-width:76rem;margin:0 auto}.hair-quiz__panel{display:none;text-align:center}.hair-quiz__panel.is-active{display:block;animation:hq-fade .35s ease}@keyframes hq-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hair-quiz__panel.is-active,.hair-quiz__spinner,.hair-quiz__spinner-dots{animation:none!important}}.hair-quiz__title{font-size:clamp(2.6rem,4.5vw,3.6rem);font-weight:700;margin:0 0 1rem;line-height:1.25}.hair-quiz__subtitle{font-size:1.6rem;color:var(--hq-ink);opacity:.75;margin:0 0 3.2rem}.hair-quiz__options{display:flex;flex-direction:column;gap:1.2rem;max-width:44rem;margin:0 auto}.hair-quiz__option{-webkit-appearance:none;appearance:none;font:inherit;font-size:1.6rem;background:transparent;color:var(--hq-ink);border:.2rem solid var(--hq-line);border-radius:.6rem;padding:1.3rem 1.6rem;min-height:4.8rem;cursor:pointer;text-align:center;transition:background .15s ease,color .15s ease}.hair-quiz__option:hover{background:#2a1a0e0f}.hair-quiz__option:focus-visible{outline:.3rem solid var(--hq-rose);outline-offset:.2rem}.hair-quiz__option.is-selected{background:var(--hq-rose);border-color:var(--hq-rose-border);font-weight:600}.hair-quiz__actions{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.hair-quiz__continue{-webkit-appearance:none;appearance:none;font:inherit;font-size:1.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:.6rem;padding:1.5rem 4.5rem;min-height:4.8rem;cursor:pointer;background:var(--hq-ink);color:var(--hq-cream);transition:opacity .15s ease}.hair-quiz__continue:focus-visible{outline:.3rem solid var(--hq-rose);outline-offset:.2rem}.hair-quiz__continue:disabled{background:var(--hq-muted);color:#fff;cursor:not-allowed}.hair-quiz__back,.hair-quiz__skip{-webkit-appearance:none;appearance:none;background:none;border:none;font:inherit;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;color:var(--hq-ink);cursor:pointer;padding:1rem 1.5rem;min-height:4.4rem}.hair-quiz__back{font-weight:600}.hair-quiz__skip{text-decoration:underline;text-underline-offset:.3rem}.hair-quiz__email-field{width:100%;max-width:44rem;margin:0 auto 2rem;padding:1.5rem 1.6rem;min-height:4.8rem;font:inherit;font-size:1.6rem;border:.2rem solid var(--hq-line);border-radius:.6rem;background:#fff;text-align:center}.hair-quiz__email-field:focus-visible{outline:.3rem solid var(--hq-rose);outline-offset:.2rem}.hair-quiz__consent{display:flex;align-items:flex-start;gap:1.2rem;max-width:44rem;margin:0 auto 2.4rem;font-size:1.4rem;text-align:left;line-height:1.5;cursor:pointer}.hair-quiz__consent input{margin-top:.3rem;width:2rem;height:2rem;flex-shrink:0;accent-color:var(--hq-ink)}.hair-quiz__error{color:#a03a47;font-size:1.4rem;margin:-1rem 0 1.6rem;display:none}.hair-quiz__error.is-visible{display:block}.hair-quiz__loading{text-align:center;padding:6rem 0}.hair-quiz__spinner{width:12rem;height:12rem;margin:0 auto 4rem;border-radius:50%;border:.2rem solid rgba(42,26,14,.12);border-top-color:var(--hq-ink);display:flex;align-items:center;justify-content:center;animation:hq-spin 1.1s linear infinite}.hair-quiz__spinner-dots{letter-spacing:.3em;font-size:2.4rem;animation:hq-spin 1.1s linear infinite reverse}@keyframes hq-spin{to{transform:rotate(360deg)}}.hair-quiz__loading-title{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0 0 1.6rem}.hair-quiz__loading-sub{font-size:1.8rem;opacity:.7;margin:0 0 2.4rem}.hair-quiz__loading-step{font-size:1.6rem;opacity:.85}.hair-quiz__results{display:none;text-align:center}.hair-quiz__results.is-active{display:block}.hair-quiz__profile{border:.2rem solid var(--hq-line);border-radius:1rem;padding:2.4rem;max-width:64rem;margin:0 auto 4rem;text-align:left}.hair-quiz__profile-heading{font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin:0 0 1.2rem}.hair-quiz__profile-summary{font-size:1.6rem}.hair-quiz__profile-subheading{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;opacity:.6;margin:1.6rem 0 .8rem}.hair-quiz__chips{display:flex;flex-wrap:wrap;gap:.8rem}.hair-quiz__chip{background:var(--hq-accent, #e56c79);color:var(--hq-ink);font-size:1.3rem;font-weight:600;border-radius:999px;padding:.5rem 1.4rem}.hair-quiz__routine-card{background:#fff;border:.2rem solid var(--hq-ink);border-radius:1rem;padding:2rem 2.4rem;margin-top:2rem}.hair-quiz__routine-title{font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin:0 0 1.6rem}.hair-quiz__routine{list-style:none;counter-reset:hq-step;margin:0;padding:0;display:flex;flex-direction:column;gap:1.6rem}.hair-quiz__routine li{counter-increment:hq-step;position:relative;padding-left:4rem;font-size:1.5rem;line-height:1.6}.hair-quiz__routine li:before{content:counter(hq-step);position:absolute;left:0;top:.1rem;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--hq-accent, #e56c79);color:var(--hq-ink);font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.hair-quiz__section-title{font-size:clamp(2.2rem,3.5vw,2.8rem);font-weight:700;margin:4rem 0 2.4rem}.hair-quiz__products{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2.4rem;max-width:76rem;margin:0 auto}.hair-quiz__product{text-align:center}.hair-quiz__product img{width:100%;height:auto;border-radius:.6rem;margin-bottom:1.2rem}.hair-quiz__product-title{font-size:1.5rem;font-weight:600;margin:0 0 .4rem}.hair-quiz__product-price{font-size:1.5rem;opacity:.7;margin:0 0 1rem}.hair-quiz__product-reason{font-size:1.4rem;line-height:1.5;opacity:.85;margin:0 0 1.2rem}.hair-quiz__product-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.hair-quiz__btn-dark,.hair-quiz__btn-outline{font:inherit;font-size:1.3rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1.1rem 1.8rem;min-height:4.4rem;border-radius:.6rem;cursor:pointer;border:.2rem solid var(--hq-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.hair-quiz__btn-dark:focus-visible,.hair-quiz__btn-outline:focus-visible{outline:.3rem solid var(--hq-rose);outline-offset:.2rem}.hair-quiz__btn-dark{background:var(--hq-ink);color:var(--hq-cream)}.hair-quiz__btn-outline{background:transparent;color:var(--hq-ink)}.hair-quiz__discount{margin:5rem auto;max-width:40rem}.hair-quiz__discount-label{font-size:1.3rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:1.2rem}.hair-quiz__code{font-size:2rem;font-weight:700;letter-spacing:.1em;border:.2rem solid var(--hq-line);border-radius:.6rem;padding:1.3rem 1.6rem;margin-bottom:1rem}.hair-quiz__beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;max-width:64rem;margin:2.4rem auto}.hair-quiz__beforeafter figure{margin:0;position:relative}.hair-quiz__beforeafter img{width:100%;height:auto;display:block;border-radius:.6rem}.hair-quiz__beforeafter figcaption{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);color:#fff;font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 .1rem .4rem rgba(0,0,0,.4)}@media(max-width:749px){.hair-quiz{padding:4rem 1.6rem}.hair-quiz__title{font-size:2.4rem}.hair-quiz__products{grid-template-columns:1fr;max-width:34rem}}.hair-quiz [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hair-quiz.css.map */