.supp-quiz-flow{background:var(--nvz-color-bg-base)}.supp-quiz-flow__layout{display:grid;gap:var(--nvz-space-lg)}.supp-quiz-flow__intro,.supp-quiz-flow__shell,.supp-quiz-flow__result,.supp-quiz-flow__empty{padding:clamp(1.15rem,2vw,1.75rem)}.supp-quiz-flow__intro,.supp-quiz-flow__result{text-align:center}.supp-quiz-flow__eyebrow{margin:0 0 var(--nvz-space-xs);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--nvz-color-text-secondary);font-weight:700}.supp-quiz-flow__title,.supp-quiz-flow__copy{margin-inline:auto}.supp-quiz-flow__title{max-width:min(100%,20ch)}.supp-quiz-flow__copy{max-width:min(100%,58ch)}.supp-quiz-flow__progress{display:grid;gap:.55rem;margin-bottom:var(--nvz-space-md)}.supp-quiz-flow__progress-text{margin:0;font-size:.9rem;color:var(--nvz-color-text-secondary)}.supp-quiz-flow__progress-track{width:100%;height:.5rem;border-radius:var(--nvz-radius-full);background:var(--nvz-color-brand-soft);overflow:hidden}.supp-quiz-flow__progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--nvz-color-brand-primary);transition:width .22s ease}.supp-quiz-flow__steps{display:grid;gap:var(--nvz-space-md)}.supp-quiz-flow__step{display:grid;gap:var(--nvz-space-sm)}.supp-quiz-flow__step[hidden]{display:none}.supp-quiz-flow__step-title{margin:0;color:var(--nvz-color-text-main);font-size:clamp(1.2rem,2.2vw,1.5rem)}.supp-quiz-flow__step-helper{margin:0}.supp-quiz-flow__options{margin:0;padding:0;border:0;display:grid;gap:.65rem}.supp-quiz-flow__option{position:relative;display:block;cursor:pointer}.supp-quiz-flow__option input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.supp-quiz-flow__option span{display:block;padding:.78rem .9rem;border-radius:var(--nvz-radius-md);border:1px solid var(--nvz-color-neutral-light);background:#fff;color:var(--nvz-color-text-main);transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.supp-quiz-flow__option input:focus-visible+span{outline:2px solid var(--nvz-color-brand-primary);outline-offset:2px}.supp-quiz-flow__option input:checked+span{border-color:var(--nvz-color-brand-primary);background:var(--nvz-color-brand-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--nvz-color-brand-primary) 35%,transparent)}.supp-quiz-flow__actions{margin-top:var(--nvz-space-md);display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem}.supp-quiz-flow__actions[hidden]{display:none}.supp-quiz-flow__actions .supp-button{min-width:120px}.supp-quiz-flow__actions .supp-button[disabled]{opacity:.55;cursor:not-allowed;transform:none}.supp-quiz-flow__result-title,.supp-quiz-flow__result-copy{margin-inline:auto}.supp-quiz-flow__result-title{max-width:min(100%,24ch)}.supp-quiz-flow__result-copy{max-width:min(100%,54ch)}.supp-quiz-flow__result-actions,.supp-quiz-flow__intro-actions{margin-top:var(--nvz-space-md);display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.supp-quiz-flow__email-capture{margin-top:1rem;display:grid;gap:.7rem;justify-items:center;text-align:center}.supp-quiz-flow__email-title{margin:0;color:var(--nvz-color-text-main);font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2}.supp-quiz-flow__email-copy{margin:0;color:var(--nvz-color-text-secondary)}.supp-quiz-flow__email-input{width:min(100%,36rem);min-height:3.15rem;border-radius:var(--nvz-radius-full);border:1px solid color-mix(in srgb,var(--nvz-color-text-main) 32%,var(--nvz-color-neutral-light));background:#fff;color:var(--nvz-color-text-main);padding:0 1rem;font-size:1.05rem}.supp-quiz-flow__email-input::placeholder{color:color-mix(in srgb,var(--nvz-color-text-secondary) 65%,#fff)}.supp-quiz-flow__email-input:focus-visible{outline:2px solid var(--nvz-color-brand-primary);outline-offset:2px}.supp-quiz-flow__email-error{margin:0;font-size:.9rem;color:#b42318}.supp-quiz-flow__email-consent{max-width:min(100%,44ch);font-size:.86rem;color:var(--nvz-color-text-secondary);line-height:1.55}.supp-quiz-flow__email-consent p{margin:0}.supp-quiz-flow__email-consent a{color:var(--nvz-color-text-main)}.supp-quiz-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:none;align-items:center;justify-content:center;padding:clamp(.9rem,2.4vw,2rem)}.supp-quiz-drawer.is-open{display:flex}.supp-quiz-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#09141870;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer}.supp-quiz-drawer__panel{position:relative;width:min(620px,100%);max-height:min(88vh,760px);background:var(--nvz-color-bg-elevated);border:1px solid var(--nvz-color-neutral-light);border-radius:clamp(18px,2vw,24px);box-shadow:0 30px 72px #083d3e33;transform:translateY(18px) scale(.985);opacity:0;transition:transform .24s ease,opacity .24s ease;overflow:hidden;z-index:1}.supp-quiz-drawer.is-open .supp-quiz-drawer__panel{transform:translateY(0) scale(1);opacity:1}.supp-quiz-drawer__header{position:absolute;top:.7rem;right:.7rem;z-index:2;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.supp-quiz-drawer__title{display:none}.supp-quiz-drawer__close{width:2rem;height:2rem;border:0;border-radius:var(--nvz-radius-full);background:transparent;color:var(--nvz-color-text-secondary);font-size:1.75rem;line-height:1;cursor:pointer;pointer-events:auto;transition:color .18s ease,background-color .18s ease}.supp-quiz-drawer__close:hover,.supp-quiz-drawer__close:focus-visible{color:var(--nvz-color-text-main);background:var(--nvz-color-brand-soft)}.supp-quiz-drawer__body{overflow-y:auto;padding:clamp(1rem,2.4vw,1.6rem)}.supp-quiz-flow--drawer{gap:0}.supp-quiz-flow--drawer .supp-quiz-flow__intro,.supp-quiz-flow--drawer .supp-quiz-flow__shell,.supp-quiz-flow--drawer .supp-quiz-flow__result,.supp-quiz-flow--drawer .supp-quiz-flow__empty{border-radius:var(--nvz-radius-md);box-shadow:none}.supp-quiz-flow--drawer .supp-quiz-flow__shell{border:0;background:transparent;padding:.55rem 0 0}.supp-quiz-flow--drawer .supp-quiz-flow__actions{display:none}.supp-quiz-flow--drawer .supp-quiz-flow__result{border:0;background:transparent;padding:.3rem 0 0;text-align:center}.supp-quiz-flow--drawer .supp-quiz-flow__eyebrow{display:none}.supp-quiz-flow__result-icon{width:4.6rem;height:4.6rem;margin:0 auto 1rem;border-radius:var(--nvz-radius-full);display:grid;place-items:center;background:color-mix(in srgb,var(--nvz-color-brand-primary) 10%,#ffffff);color:var(--nvz-color-brand-primary)}.supp-quiz-flow__result-icon svg{width:2.15rem;height:2.15rem}.supp-quiz-flow--drawer .supp-quiz-flow__result-title{max-width:min(100%,18ch);font-size:clamp(1.85rem,4.4vw,2.15rem)}.supp-quiz-flow--drawer .supp-quiz-flow__result-copy{max-width:min(100%,34ch);font-size:1rem}.supp-quiz-flow--drawer .supp-quiz-flow__email-capture{margin-top:1rem}.supp-quiz-flow--drawer .supp-quiz-flow__email-input{min-height:3.25rem}.supp-quiz-flow--drawer .supp-quiz-flow__result-actions{margin-top:1rem;display:grid;gap:.72rem}.supp-quiz-flow--drawer .supp-quiz-flow__result-actions .supp-button{width:100%;min-height:3.25rem;border-radius:999px}.supp-quiz-flow--drawer .supp-quiz-flow__result-actions .supp-button--secondary{background:color-mix(in srgb,var(--nvz-color-text-main) 6%,#fff);border-color:transparent}.supp-quiz-flow__result-actions .supp-button.is-disabled{opacity:.65;pointer-events:none}.supp-quiz-flow--drawer .supp-quiz-flow__progress{margin-bottom:1rem;gap:.42rem}.supp-quiz-flow--drawer .supp-quiz-flow__progress-text{font-size:.92rem;font-weight:600}.supp-quiz-flow--drawer .supp-quiz-flow__progress-track{height:.38rem;background:color-mix(in srgb,var(--nvz-color-text-main) 9%,var(--nvz-color-neutral-light))}.supp-quiz-flow--drawer .supp-quiz-flow__step{gap:.85rem}.supp-quiz-flow--drawer .supp-quiz-flow__step-title{margin-right:2rem;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.24}.supp-quiz-flow--drawer .supp-quiz-flow__step-helper{font-size:.96rem}.supp-quiz-flow--drawer .supp-quiz-flow__options{gap:.62rem}.supp-quiz-flow--drawer .supp-quiz-flow__option span{position:relative;padding:.92rem 2.3rem .92rem 1rem;border-radius:12px;border-color:color-mix(in srgb,var(--nvz-color-text-main) 14%,var(--nvz-color-neutral-light))}.supp-quiz-flow--drawer .supp-quiz-flow__option span:after{content:"\203a";position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:var(--nvz-color-text-secondary);font-size:1.6rem;line-height:1}.supp-quiz-flow--drawer .supp-quiz-flow__option input:checked+span:after{color:var(--nvz-color-brand-primary)}.supp-quiz-flow__bio{display:grid;gap:var(--nvz-space-md);padding:clamp(1.15rem,2vw,1.75rem)}.supp-quiz-flow__bio[hidden]{display:none}.supp-quiz-flow__bio-title{margin:0;text-align:center;font-size:clamp(1.4rem,2.6vw,1.85rem)}.supp-quiz-flow__bio-helper{margin:0;text-align:center;color:var(--nvz-color-text-secondary)}.supp-quiz-flow__bio-group{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.supp-quiz-flow__bio-legend{flex:1 0 100%;margin:0 0 .35rem;font-size:.92rem;font-weight:600;color:var(--nvz-color-text-main)}.supp-quiz-flow__bio-option{position:relative;cursor:pointer}.supp-quiz-flow__bio-option input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.supp-quiz-flow__bio-option span{display:inline-block;padding:.55rem .95rem;border-radius:var(--nvz-radius-full);border:1px solid var(--nvz-color-neutral-light);background:#fff;color:var(--nvz-color-text-main);font-size:.95rem;line-height:1.2;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.supp-quiz-flow__bio-option input:focus-visible+span{outline:2px solid var(--nvz-color-brand-primary);outline-offset:2px}.supp-quiz-flow__bio-option input:checked+span{border-color:var(--nvz-color-brand-primary);background:var(--nvz-color-brand-soft);color:var(--nvz-color-text-main)}.supp-quiz-flow__bio-actions{display:flex;justify-content:center;margin-top:.4rem}.supp-quiz-flow__bio-actions .supp-button[disabled]{opacity:.55;cursor:not-allowed}.supp-quiz-flow--drawer .supp-quiz-flow__bio{border:0;background:transparent;box-shadow:none;padding:.55rem 0 0}.supp-quiz-flow--drawer .supp-quiz-flow__bio-actions .supp-button{width:100%;min-height:3.25rem;border-radius:999px}.supp-quiz-flow__panels{display:contents}.supp-quiz-flow__panels[hidden]{display:none}.supp-quiz-flow__panel{display:grid;gap:var(--nvz-space-md);margin-top:var(--nvz-space-md)}.supp-quiz-flow__panel[hidden]{display:none}.supp-quiz-flow__bundle{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1rem,2.4vw,1.6rem);align-items:center;padding:clamp(1rem,2vw,1.4rem);border-radius:var(--nvz-radius-md);background:color-mix(in srgb,var(--nvz-color-brand-primary) 8%,#ffffff);border:1px solid color-mix(in srgb,var(--nvz-color-brand-primary) 18%,var(--nvz-color-neutral-light));text-align:left}.supp-quiz-flow__bundle-media{border-radius:var(--nvz-radius-md);overflow:hidden;aspect-ratio:4 / 3;background:var(--nvz-color-brand-soft)}.supp-quiz-flow__bundle-image{width:100%;height:100%;object-fit:cover;display:block}.supp-quiz-flow__bundle-body{display:grid;gap:.55rem}.supp-quiz-flow__bundle-title{margin:0;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--nvz-color-text-main)}.supp-quiz-flow__bundle-copy{margin:0;color:var(--nvz-color-text-secondary);font-size:.98rem;line-height:1.5}.supp-quiz-flow__bundle-cta{justify-self:start;margin-top:.3rem}.supp-quiz-flow__products-eyebrow{margin:var(--nvz-space-sm) 0 0;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--nvz-color-text-secondary);font-weight:600;text-align:center}.supp-quiz-flow__products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1rem)}.supp-quiz-flow__retake{margin-top:var(--nvz-space-md);text-align:center}.supp-quiz-flow__retake-link{display:inline-block;background:none;border:0;padding:.35rem .5rem;color:var(--nvz-color-text-secondary);font-size:.92rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.supp-quiz-flow__retake-link:hover,.supp-quiz-flow__retake-link:focus-visible{color:var(--nvz-color-brand-primary)}@media(max-width:749px){.supp-quiz-flow__bundle{grid-template-columns:1fr;text-align:center}.supp-quiz-flow__bundle-cta{justify-self:center}.supp-quiz-flow__products-grid{grid-template-columns:1fr}}.supp-quiz-flow__welcome{display:grid;gap:var(--nvz-space-sm);padding:clamp(1.15rem,2vw,1.75rem);text-align:center}.supp-quiz-flow__welcome[hidden]{display:none}.supp-quiz-flow__welcome-eyebrow{margin:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--nvz-color-text-secondary);font-weight:700}.supp-quiz-flow__welcome-heading{margin:0;font-size:clamp(1.3rem,2.5vw,1.75rem);color:var(--nvz-color-text-main)}.supp-quiz-flow__welcome-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:.4rem}.supp-quiz-flow__welcome-retake{background:none;border:0;padding:.35rem .5rem;color:var(--nvz-color-text-secondary);font-size:.92rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.supp-quiz-flow__welcome-retake:hover,.supp-quiz-flow__welcome-retake:focus-visible{color:var(--nvz-color-brand-primary)}@media(max-width:749px){.supp-quiz-flow__actions{flex-direction:column;align-items:stretch}.supp-quiz-flow__actions .supp-button,.supp-quiz-flow__result-actions .supp-button{width:100%;justify-content:center}.supp-quiz-drawer{padding:.55rem}.supp-quiz-drawer__panel{width:100%;max-height:calc(100vh - 1.1rem);border-radius:16px}.supp-quiz-drawer__body{padding:.95rem}.supp-quiz-flow--drawer .supp-quiz-flow__step-title{margin-right:1.8rem;font-size:clamp(1.25rem,7vw,1.55rem)}}.supp-quiz-flow__rec{display:grid;gap:clamp(2.5rem,5vw,4rem);text-align:center}.supp-quiz-flow__rec[hidden]{display:none}.supp-quiz-flow__rec-section{display:grid;gap:clamp(1rem,2vw,1.5rem);justify-items:center}.supp-quiz-flow__rec-eyebrow{display:inline-block;margin:0;padding:.35rem 1rem;border-radius:var(--nvz-radius-full);background:var(--nvz-color-brand-soft);color:var(--nvz-color-brand-primary);font-size:.85rem;font-weight:600;letter-spacing:.02em}.supp-quiz-flow__rec-heading{margin:0;font-size:clamp(1.6rem,3.2vw,2.35rem);font-weight:700;color:var(--nvz-color-text-main)}.supp-quiz-flow__rec-copy{margin:0;max-width:48rem;color:var(--nvz-color-text-secondary);font-size:1rem;line-height:1.5}.supp-quiz-flow__rec-grid{display:grid;gap:clamp(1rem,2vw,1.5rem);width:100%;margin-top:.5rem}.supp-quiz-flow__rec-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.supp-quiz-flow__rec-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin-inline:auto}@media(min-width:750px)and (max-width:989px){.supp-quiz-flow__rec-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}@media(max-width:749px){.supp-quiz-flow__rec-grid--2,.supp-quiz-flow__rec-grid--3{grid-template-columns:1fr}}.supp-quiz-flow--drawer .supp-quiz-flow__rec-grid--2,.supp-quiz-flow--drawer .supp-quiz-flow__rec-grid--3{grid-template-columns:1fr;max-width:100%}.supp-quiz-flow__rec-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--nvz-color-neutral-light);border-radius:var(--nvz-radius-lg);overflow:hidden;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.supp-quiz-flow__rec-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000000f}.supp-quiz-flow__rec-card-media{display:block;aspect-ratio:1 / 1;background:var(--nvz-color-brand-soft, #f2f7f3);overflow:hidden}.supp-quiz-flow__rec-card-image{width:100%;height:100%;object-fit:cover;display:block}.supp-quiz-flow__rec-card-body{display:grid;gap:.5rem;padding:.95rem 1rem 1.05rem}.supp-quiz-flow__rec-card-title-link{color:inherit;text-decoration:none}.supp-quiz-flow__rec-card-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:var(--nvz-color-text-main)}.supp-quiz-flow__rec-card-price{display:flex;gap:.45rem;align-items:baseline;color:var(--nvz-color-text-main);font-weight:600}.supp-quiz-flow__rec-card-price-compare{color:var(--nvz-color-text-secondary);text-decoration:line-through;font-weight:500}.supp-quiz-flow__rec-card-add{margin-top:.2rem;padding:.75rem 1rem;border:0;border-radius:var(--nvz-radius-full);background:var(--nvz-color-brand-primary);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.supp-quiz-flow__rec-card-add:hover:not(:disabled){background:var(--nvz-color-brand-primary-dark, var(--nvz-color-brand-primary))}.supp-quiz-flow__rec-card-add:disabled{opacity:.55;cursor:not-allowed}.supp-quiz-flow__rec-card-add.is-added{background:var(--nvz-color-brand-primary);opacity:.85}.supp-quiz-flow__rec-add-all{justify-self:center;min-width:min(22rem,100%);padding:.9rem 1.4rem;border:0;border-radius:var(--nvz-radius-full);background:var(--nvz-color-brand-soft);color:var(--nvz-color-brand-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.supp-quiz-flow__rec-add-all:hover:not(:disabled){background:var(--nvz-color-brand-soft-strong, var(--nvz-color-brand-soft))}.supp-quiz-flow__rec-add-all:disabled{opacity:.6;cursor:not-allowed}.supp-quiz-flow__rec-footer{margin-top:clamp(1rem,2vw,1.5rem);display:flex;justify-content:center}.supp-quiz-flow__rec-retake{display:inline-flex;align-items:center;gap:.45rem;padding:.9rem 1.6rem;border:0;border-radius:var(--nvz-radius-full);background:var(--nvz-color-brand-soft);color:var(--nvz-color-brand-primary);font-weight:600;cursor:pointer;transition:background-color .16s ease}.supp-quiz-flow__rec-retake:hover{background:var(--nvz-color-brand-soft-strong, var(--nvz-color-brand-soft))}
/*# sourceMappingURL=/cdn/shop/t/18/assets/quiz-flow.css.map */