.product-quiz{width:100%;-webkit-font-smoothing:antialiased}.product-quiz__inner{max-width:120rem;margin:0 auto;padding:0 2.4rem}.product-quiz__columns{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;min-height:50rem}.product-quiz__progress{margin-bottom:3.2rem}.product-quiz__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-quiz__progress-label{display:flex;align-items:center;gap:.8rem;font-size:1.1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.product-quiz__progress-label:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:rgb(var(--color-foreground));flex-shrink:0}.product-quiz__progress-step{font-size:1.1rem;font-weight:500;color:rgba(var(--color-foreground),.5);letter-spacing:.06em}.product-quiz__progress-track{height:.2rem;background:rgba(var(--color-border),.5);border-radius:9.9rem;overflow:hidden}.product-quiz__progress-fill{height:100%;background:rgb(var(--color-foreground));border-radius:9.9rem;transition:width .5s cubic-bezier(.22,1,.36,1)}.product-quiz__card{animation:quizFadeUp .4s cubic-bezier(.22,1,.36,1)}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.product-quiz__col-content{display:flex;flex-direction:column;justify-content:center}.product-quiz__col-image{position:relative}.product-quiz__hero{width:100%;aspect-ratio:4 / 5;border-radius:var(--border-radius-main, .8rem);overflow:hidden;position:relative}.product-quiz__hero img{width:100%;height:100%;object-fit:cover;display:block}.product-quiz__title{font-family:var(--font-heading-family, var(--font-body-family));font-size:3.6rem;font-weight:400;line-height:1.2;letter-spacing:-.02em;color:rgb(var(--color-foreground));margin-bottom:3.2rem}.product-quiz__yesno{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;list-style:none;padding:0;margin:0}.product-quiz__yn-btn{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;border:.1rem solid rgba(var(--color-border));border-radius:var(--border-radius-main, .8rem);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;background:transparent;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;color:rgb(var(--color-foreground))}.product-quiz__yn-btn:hover{border-color:rgb(var(--color-foreground))}.product-quiz__yn-btn.--selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.product-quiz__yn-btn svg{width:2rem;height:2rem;stroke-width:1.5;fill:none;stroke:currentColor}.product-quiz__priorities{display:flex;flex-direction:column;gap:1.2rem;list-style:none;padding:0;margin:0}.product-quiz__priority{display:flex;align-items:center;gap:1.6rem;padding:2rem;border:.1rem solid rgba(var(--color-border));border-radius:var(--border-radius-main, .8rem);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;background:transparent}.product-quiz__priority:hover{border-color:rgb(var(--color-foreground))}.product-quiz__priority.--selected{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03)}.product-quiz__priority-icon{width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06);border-radius:var(--border-radius-main, .8rem);flex-shrink:0;color:rgb(var(--color-foreground));transition:all .15s}.product-quiz__priority.--selected .product-quiz__priority-icon{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-quiz__priority-icon svg{width:2.2rem;height:2.2rem;stroke-width:1.5;fill:none;stroke:currentColor}.product-quiz__priority-text{font-size:1.5rem;font-weight:600;color:rgb(var(--color-foreground))}.product-quiz__priority-sub{font-size:1.3rem;color:rgba(var(--color-foreground),.5);margin-top:.3rem;font-weight:400;line-height:1.4}.product-quiz__nav{display:flex;justify-content:space-between;align-items:center;margin-top:3.2rem;padding-top:2rem;border-top:.1rem solid rgba(var(--color-border),.5)}.product-quiz__btn-back{font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.5);background:none;border:none;cursor:pointer;padding:.8rem 0;transition:color var(--duration-default, .25s)}.product-quiz__btn-back:hover{color:rgb(var(--color-foreground))}.product-quiz__btn-back.--hidden{visibility:hidden}.product-quiz__btn-next{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-button-family, var(--font-body-family));font-size:1.3rem;font-weight:500;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:none;border-radius:var(--border-radius-button, 9.9rem);padding:1.2rem 2.4rem;cursor:pointer;transition:all var(--duration-default, .25s);opacity:.25;pointer-events:none;position:relative}.product-quiz__btn-next .dot_circle{position:relative;width:1rem;height:1rem;flex-shrink:0}.product-quiz__btn-next .dot_circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:50%;background:currentColor;z-index:1}.product-quiz__btn-next .dot_circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:2rem;height:2rem;border-radius:50%;background:#ffffff80;transition:transform .25s cubic-bezier(.22,1,.36,1);z-index:0}.product-quiz__btn-next.--active{opacity:1;pointer-events:auto}.product-quiz__btn-next.--active:hover{background:rgb(var(--color-button-hover));transform:translateY(-.1rem)}.product-quiz__btn-next.--active:hover .dot_circle:after{transform:translate(-50%,-50%) scale(1)}.product-quiz__deadend{animation:quizFadeUp .4s cubic-bezier(.22,1,.36,1);text-align:center;max-width:56rem;margin:0 auto;padding:6rem 0}.product-quiz__deadend-icon{width:6.4rem;height:6.4rem;border-radius:50%;background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.6);display:flex;align-items:center;justify-content:center;margin:0 auto 2.4rem}.product-quiz__deadend-icon svg{width:2.8rem;height:2.8rem;stroke-width:1.5;fill:none;stroke:currentColor}.product-quiz__deadend-title{font-family:var(--font-heading-family, var(--font-body-family));font-size:2.6rem;font-weight:400;letter-spacing:-.02em;margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.product-quiz__deadend-text{font-size:1.4rem;color:rgba(var(--color-foreground),.5);line-height:1.65;margin-bottom:2.8rem;max-width:42rem;margin-left:auto;margin-right:auto}.product-quiz__deadend-cta{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;color:rgb(var(--color-button));background:none;border:.15rem solid rgb(var(--color-button));border-radius:var(--border-radius-button, 9.9rem);padding:1.2rem 2.4rem;cursor:pointer;transition:all var(--duration-default, .25s);text-decoration:none}.product-quiz__deadend-cta:hover{background:rgba(var(--color-button),.06)}.product-quiz__deadend-cta svg{width:1.6rem;height:1.6rem;stroke-width:1.5;fill:none;stroke:currentColor}.product-quiz__result{animation:quizFadeUp .4s cubic-bezier(.22,1,.36,1)}.product-quiz__result-header{margin-bottom:2.4rem}.product-quiz__result-hero-badge{display:inline-flex;font-size:1.1rem;font-weight:600;letter-spacing:.02em;color:rgb(var(--color-button-text));background:rgb(var(--color-button));padding:.5rem 1.4rem;border-radius:9.9rem;margin-bottom:1.2rem}.product-quiz__result-name{font-family:var(--font-heading-family, var(--font-body-family));font-size:3.6rem;font-weight:400;color:rgb(var(--color-foreground));letter-spacing:-.02em;line-height:1.2;margin-bottom:.8rem}.product-quiz__result-product{font-size:1.4rem;color:rgba(var(--color-foreground),.5);line-height:1.5;margin-bottom:0}.product-quiz__result-hero{width:100%;aspect-ratio:4 / 5;border-radius:var(--border-radius-main, .8rem);overflow:hidden;position:relative}.product-quiz__result-hero img{width:100%;height:100%;object-fit:cover;display:block}.product-quiz__prices{border:.1rem solid rgba(var(--color-border));border-radius:var(--border-radius-main, .8rem);overflow:hidden;margin-bottom:2.4rem}.product-quiz__price-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;font-size:1.3rem;border-bottom:.1rem solid rgba(var(--color-border),.5);color:rgb(var(--color-foreground))}.product-quiz__price-row:last-child{border-bottom:none}.product-quiz__price-row.--green{background:#16a34a14;color:#16a34a;font-weight:600}.product-quiz__price-row.--final{background:rgba(var(--color-foreground),.03);font-family:var(--font-heading-family, var(--font-body-family));font-size:2.2rem;font-weight:600;padding:2rem}.product-quiz__price-row.--included{color:rgba(var(--color-foreground),.5);font-size:1.2rem}.product-quiz__result-desc{font-size:1.4rem;line-height:1.65;color:rgba(var(--color-foreground),.5);margin-bottom:2rem}.product-quiz__features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.8rem;list-style:none;padding:0}.product-quiz__feature{display:flex;align-items:center;gap:1rem;font-size:1.3rem;font-weight:500;color:rgb(var(--color-foreground))}.product-quiz__feature-dot{width:.5rem;height:.5rem;border-radius:50%;background:rgb(var(--color-foreground));flex-shrink:0}.product-quiz__btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-button-family, var(--font-body-family));font-size:1.4rem;font-weight:500;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:none;border-radius:var(--border-radius-button, 9.9rem);padding:1.6rem 3.2rem;cursor:pointer;transition:all var(--duration-default, .25s);text-decoration:none;width:100%;position:relative}.product-quiz__btn-cta:hover{background:rgb(var(--color-button-hover));transform:translateY(-.1rem)}.product-quiz__btn-cta .dot_circle{position:relative;width:1rem;height:1rem;flex-shrink:0}.product-quiz__btn-cta .dot_circle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:50%;background:currentColor;z-index:1}.product-quiz__btn-cta .dot_circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:2rem;height:2rem;border-radius:50%;background:#ffffff80;transition:transform .25s cubic-bezier(.22,1,.36,1);z-index:0}.product-quiz__btn-cta:hover .dot_circle:after{transform:translate(-50%,-50%) scale(1)}.product-quiz__btn-restart{font-family:var(--font-body-family);font-size:1.2rem;color:rgba(var(--color-foreground),.5);background:none;border:none;cursor:pointer;margin-top:1.4rem;padding:.6rem;text-decoration:underline;text-underline-offset:.3rem;display:block;width:100%;text-align:center}.product-quiz__btn-restart:hover{color:rgb(var(--color-foreground))}.product-quiz__step{display:none}.product-quiz__step.--active{display:block}@media(max-width:749px){.product-quiz__columns{grid-template-columns:1fr;gap:2.4rem;min-height:auto}.product-quiz__col-content{order:2}.product-quiz__col-image{order:1}.product-quiz__hero,.product-quiz__result-hero{aspect-ratio:16 / 9}.product-quiz__title{font-size:2.4rem;margin-bottom:2rem}.product-quiz__result-name{font-size:2.4rem}.product-quiz__features{grid-template-columns:1fr}.product-quiz__deadend{padding:3rem 0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-quiz.css.map */