.recommendation-quiz-wrapper{width:100%}.quiz-container{max-width:72rem;margin:0 auto}.quiz-header{text-align:center;margin-bottom:4.4rem}.quiz-title{margin:0 0 1.4rem;font-size:clamp(2.6rem,2.1rem + 1.4vw,3.6rem);line-height:1.15;letter-spacing:-.02em}.quiz-subtitle{margin:0 auto;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.72);max-width:54rem}.quiz-progress-section{margin-bottom:3.6rem}.progress-bar-container{width:100%;height:.5rem;background-color:rgba(var(--color-foreground),.1);border-radius:1rem;overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background:rgb(var(--color-button));width:25%;transition:width .3s ease;border-radius:1rem}.progress-text{text-align:center;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.quiz-content{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:1.8rem;padding:4rem;box-shadow:0 1px 2px rgba(var(--color-shadow),.04),0 8px 28px rgba(var(--color-shadow),.06)}.quiz-form{display:contents}.quiz-question{display:none;animation:fadeIn .3s ease-in}.quiz-question.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.quiz-question h3{margin:0 0 2.8rem;font-size:2.2rem;line-height:1.3;letter-spacing:-.015em}.quiz-options{display:grid;grid-template-columns:1fr;gap:1.2rem;margin-bottom:3.2rem}.quiz-option{cursor:pointer}.quiz-option input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.quiz-option .option-label{display:flex;align-items:center;gap:1.8rem;padding:1.8rem 2rem;border:1px solid rgba(var(--color-foreground),.14);border-radius:1.2rem;transition:border-color .2s ease,background-color .2s ease,transform .2s ease;background:rgb(var(--color-background))}.quiz-option:hover .option-label{border-color:rgba(var(--color-foreground),.35);transform:translate(.4rem)}.quiz-option input:checked+.option-label{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.06);box-shadow:inset 0 0 0 1px rgb(var(--color-button))}.quiz-option input:focus-visible+.option-label{outline:2px solid rgb(var(--color-button));outline-offset:3px}.option-icon{flex-shrink:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-button));transition:background-color .2s ease}.option-icon svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.quiz-option input:checked+.option-label .option-icon{background:rgba(var(--color-button),.14)}.option-icon--level{gap:.4rem;align-items:flex-end;padding-bottom:1.1rem}.level-bar{width:.4rem;border-radius:.2rem;background:rgba(var(--color-foreground),.18)}.level-bar:nth-child(1){height:.8rem}.level-bar:nth-child(2){height:1.3rem}.level-bar:nth-child(3){height:1.8rem}.level-bar.is-on{background:rgb(var(--color-button))}.option-text{font-size:1.6rem;line-height:1.45}.quiz-option input:checked+.option-label .option-text{font-weight:600}.quiz-navigation{display:flex;gap:1.2rem;justify-content:center;margin-top:2.4rem;flex-wrap:wrap}.quiz-btn{padding:1.4rem 3rem;border:1px solid transparent;border-radius:var(--buttons-radius);font-family:inherit;font-size:1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease;min-width:16rem}.quiz-btn-primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.quiz-btn-primary:hover{transform:translateY(-.2rem)}.quiz-btn-secondary{background-color:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.35)}.quiz-btn-secondary:hover{background-color:rgba(var(--color-foreground),.05)}.quiz-btn:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.quiz-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-results{animation:fadeIn .4s ease-in}.results-content{text-align:center}.results-header{margin-bottom:3rem}.results-header h3{margin:0 0 1rem;font-size:2.6rem;letter-spacing:-.015em}.results-header p{margin:0;font-size:1.5rem;color:rgba(var(--color-foreground),.7)}.results-collections{margin:2.4rem 0 3.2rem;padding:2.8rem;background:rgba(var(--color-foreground),.04);border-radius:1.2rem}.recommended-collection-info{text-align:center}.recommended-collection-name{font-size:1.9rem;font-weight:600;margin:0 0 1rem}.recommended-collection-description{font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.72);margin:0}.results-actions{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-top:2.4rem}.results-cta{flex:1;min-width:22rem}@media screen and (max-width:749px){.quiz-content{padding:2.4rem 2rem}.quiz-header{margin-bottom:3.2rem}.quiz-question h3{font-size:1.9rem;margin-bottom:2.2rem}.quiz-options{gap:1rem;margin-bottom:2.4rem}.quiz-option .option-label{padding:1.4rem 1.5rem;gap:1.4rem}.option-icon{width:3.4rem;height:3.4rem}.option-icon svg{width:1.9rem;height:1.9rem}.option-text{font-size:1.5rem}.quiz-btn{padding:1.3rem 2.2rem;min-width:13rem;font-size:1.45rem}.results-actions{flex-direction:column}.results-cta{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-recommendation-quiz.css.map */