@layer components{.strength-quiz{padding-block:var(--section-y)}.strength-quiz__container{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-6)}.strength-quiz__header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.strength-quiz__eyebrow{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-accent);font-weight:var(--font-weight-semibold)}.strength-quiz__heading{margin:0;font-size:calc(var(--text-3xl) * var(--heading-size-scale))}@media(min-width:750px){.strength-quiz__heading{font-size:calc(var(--text-4xl) * var(--heading-size-scale))}}.strength-quiz__subtext{margin:0;color:var(--color-text-muted);font-size:var(--text-base)}.strength-quiz__wizard{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}@media(min-width:750px){.strength-quiz__wizard{padding:var(--space-8)}}.strength-quiz__progress{height:4px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden;margin-block-end:var(--space-3)}.strength-quiz__progress-bar{height:100%;width:var(--progress, 0%);background:var(--color-accent);transition:width var(--duration-base) var(--ease-out)}.strength-quiz__step-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-subtle);margin:0 0 var(--space-4);font-weight:var(--font-weight-semibold)}.strength-quiz__form{display:flex;flex-direction:column;gap:var(--space-5)}.strength-quiz__step{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.strength-quiz__step[hidden]{display:none}.no-js .strength-quiz__step[hidden]{display:flex}.strength-quiz__legend{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--leading-snug);padding:0}@media(min-width:750px){.strength-quiz__legend{font-size:var(--text-2xl)}}.strength-quiz__options{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.strength-quiz__option{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.strength-quiz__option:hover{border-color:var(--color-accent)}.strength-quiz__option:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-soft)}.strength-quiz__option:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.strength-quiz__option input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:var(--color-accent)}.strength-quiz__option-text{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-weight-medium)}.strength-quiz__actions{display:flex;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-3);flex-wrap:wrap}.strength-quiz__back{margin-inline-end:auto}.strength-quiz__next,.strength-quiz__submit{margin-inline-start:auto;min-width:180px}.strength-quiz__results{display:flex;flex-direction:column;gap:var(--space-5)}.strength-quiz__results[hidden]{display:none}.strength-quiz__results-header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.strength-quiz__results-eyebrow{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--color-text-subtle);font-weight:var(--font-weight-semibold)}.strength-quiz__results-strength{margin:0;font-size:4rem;font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:1;letter-spacing:-.02em}@media(min-width:750px){.strength-quiz__results-strength{font-size:5rem}}.strength-quiz__results-explanation{margin:0 auto;max-width:500px;color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.strength-quiz__results-actions{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:600px){.strength-quiz__results-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}}.strength-quiz__products-heading{font-size:var(--text-xl);margin:0;text-align:center}.strength-quiz__products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:750px){.strength-quiz__products{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}}.strength-quiz__products-item{display:flex}.strength-quiz__products-item>.product-card{width:100%}.strength-quiz__products-item[hidden]{display:none}}@layer components{.strength-quiz__reset,.strength-quiz__save,.strength-quiz__shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--text-sm);cursor:pointer;border:1px solid transparent;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.strength-quiz__shop{background:var(--color-cta);color:var(--color-cta-fg)}.strength-quiz__shop:hover{background:var(--color-cta-hover)}.strength-quiz__save{background:var(--color-accent);color:var(--color-accent-fg)}.strength-quiz__save:hover{background:var(--color-accent-hover)}.strength-quiz__reset{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.strength-quiz__reset:hover{color:var(--color-accent);border-color:var(--color-accent)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-strength-quiz.css.map */