.quiz__head{max-width:40rem;margin-bottom:var(--space-8);display:grid;gap:var(--space-4)}.quiz__title,.quiz__intro{margin:0}.quiz__shell{max-width:56rem}.quiz__core{padding:clamp(1.5rem,4vw,3rem);min-height:24rem;display:flex;flex-direction:column}.quiz__progress{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.quiz__progress-bar{flex:1;height:5px;border-radius:var(--radius-pill);background:var(--color-ink-10);overflow:hidden}.quiz__progress-bar span{display:block;height:100%;background:var(--color-accent);border-radius:var(--radius-pill);transition:width var(--duration-base) var(--ease-out)}.quiz__progress-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink-60);white-space:nowrap}.quiz__panel{border:0;padding:0;margin:0;display:none}.quiz__panel.is-active{display:block;animation:quiz-in var(--duration-base) var(--ease-out)}@keyframes quiz-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.quiz__panel.is-active{animation:none}}.quiz__q{font-family:var(--font-display);font-size:var(--text-h2);line-height:1.05;margin-bottom:var(--space-6);padding:0}.quiz__answers{display:grid;gap:var(--space-3);grid-template-columns:1fr}.quiz__answer{text-align:left;background:var(--color-surface);border:1px solid var(--color-ink-10);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);font-weight:600;font-size:var(--text-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.quiz__answer:hover{border-color:var(--color-accent);background:var(--color-accent-tint)}.quiz__answer:active{transform:scale(.99)}.quiz__back{background:none;border:0;color:var(--color-ink-60);font-size:var(--text-sm);margin-top:var(--space-6);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2)}.quiz__back svg{transform:rotate(180deg)}.quiz__back:hover{color:var(--color-accent)}.quiz__result{display:none}.quiz__result.is-active{display:grid;gap:var(--space-4);justify-items:start;animation:quiz-in var(--duration-base) var(--ease-out)}.quiz__result-eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.quiz__result-h{font-size:var(--text-h2)}.quiz__result-body{color:var(--color-ink-60);max-width:50ch}.quiz__result-products{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;margin-block:var(--space-4)}.quiz__restart{background:none;border:0;color:var(--color-ink-60);font-size:var(--text-sm);text-decoration:underline;cursor:pointer;margin-top:var(--space-2)}.quiz__restart:hover{color:var(--color-accent)}.quiz__email{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-ink-10)}.quiz__email.is-active{display:block}.quiz__email-label{font-weight:600;margin-bottom:var(--space-3)}.quiz__email-row{display:flex;gap:var(--space-2);max-width:28rem}.quiz__email-row input{flex:1;border:1px solid var(--color-ink-10);border-radius:var(--radius-input);padding:0 1rem;height:48px;min-width:0}.quiz__email-ok{color:var(--color-accent);font-size:var(--text-sm);margin-top:var(--space-2)}@media(min-width:600px){.quiz__answers{grid-template-columns:1fr 1fr}}@media(max-width:599px){.quiz__result-products{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-quiz-finder.css.map */