.hair-routine{--hrq-border: rgb(var(--border-color, 28 28 28 / .14));--hrq-ink: rgb(var(--text-color, 28 28 28));display:grid;gap:3rem}.hair-routine__results[hidden],.hair-routine__item[hidden],.hair-routine__upsell[hidden],.hair-routine__save[hidden],.hair-routine [data-hrq-quiz][hidden],.hair-routine [data-hrq-add][hidden],.hair-routine [data-hrq-notice][hidden],.hair-routine [data-hrq-diagnostics][hidden]{display:none}.hair-routine__results{display:grid;gap:2.5rem;animation:hxp-fade .45s ease both}@media(prefers-reduced-motion:reduce){.hair-routine__results{animation:none}}.hair-routine>.hair-experience,.hair-routine__save{width:100%}.hair-routine__intro{max-width:640px;margin-inline:auto}.hair-routine__intro h2:focus{outline:none}.hair-routine__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem .75rem;align-items:start}@media(min-width:1000px){.hair-routine__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.25rem}.hair-routine__grid[data-count="1"],.hair-routine__grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,300px));justify-content:center}.hair-routine__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,300px));justify-content:center}}.hair-routine__item{display:grid;gap:.75rem;align-content:start}.hair-routine__reason{font-size:.875rem;line-height:1.5;opacity:.75;margin:0;padding-top:.75rem;border-top:1px solid var(--hrq-border)}.hair-routine__actions{max-width:480px;width:100%;margin-inline:auto;justify-items:center;text-align:center}.hair-routine__total{white-space:nowrap}.hair-routine__step-actions{display:grid;gap:.75rem}.hair-routine__consent{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer;font-size:.875rem;line-height:1.5}.hair-routine__consent input{flex:none;width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--hrq-ink)}.hair-routine__privacy{font-size:.8rem;opacity:.6;margin:0}.hair-routine__save{border:1px solid var(--hrq-border);padding:2rem 1.5rem;width:100%}.hair-routine__save .h5{margin:0 0 1.5rem}.hair-routine__save .hair-experience__fields{margin-bottom:1.25rem}.hair-routine__saved{margin:0;text-align:center}.hair-routine__upsell{display:grid;gap:1.5rem;align-items:center;border-top:1px solid var(--hrq-border);padding-top:2.5rem}@media(min-width:700px){.hair-routine__upsell{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3rem}}.hair-routine__upsell-media img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.hair-routine__upsell .h4,.hair-routine__upsell p{margin:0}.hair-routine__diagnostics{max-width:560px;margin:0 auto;font-size:.9rem}.hair-routine-card{border:1px solid rgb(var(--border-color, 28 28 28 / .14));padding:1.5rem}.hair-routine-card__reason{font-size:.85rem;opacity:.7;margin:.25rem 0 0}
/*# sourceMappingURL=/cdn/shop/t/26/assets/hair-routine-quiz.css.map */