.product-quiz{max-width:900px;margin:0 auto}.quiz-screen{display:none;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.quiz-screen.active{display:block;opacity:1;transform:translateY(0)}.quiz-start-content{padding:var(--sp-8);background-color:rgb(var(--color-background));border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a}.quiz-start-image img{max-height:400px;object-fit:cover;width:100%}.quiz-progress-bar{width:100%;height:8px;background-color:rgb(var(--color-foreground),.1);border-radius:999px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-button-background, 0, 0, 0)),rgb(var(--color-button-background, 0, 0, 0),.8));transition:width .4s ease;border-radius:999px}.quiz-progress-text{color:rgb(var(--color-foreground),.7);font-weight:500}.quiz-questions-container{position:relative;min-height:300px}.quiz-question{display:none;opacity:0;transform:translate(30px);transition:opacity .3s ease,transform .3s ease}.quiz-question.active{display:block;opacity:1;transform:translate(0);animation:slideInQuestion .4s ease-out}.quiz-question.exiting{animation:slideOutQuestion .3s ease-out}@keyframes slideInQuestion{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutQuestion{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.quiz-question-title{color:rgb(var(--color-foreground))}.quiz-answers{max-width:600px;margin:0 auto}.quiz-answer{min-height:60px;text-align:center;padding:var(--sp-4) var(--sp-6);transition:all .2s ease;position:relative;overflow:hidden}.quiz-answer:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(var(--color-foreground),.15)}.quiz-answer:active{transform:translateY(0)}.quiz-answer.selected{--color-button-background: rgb(var(--color-success, 34, 197, 94));--color-button-text: rgb(255, 255, 255)}.quiz-answer .btn-text{font-size:1rem;font-weight:500}@media screen and (max-width:767px){.quiz-answers{grid-template-columns:1fr}.quiz-answer{min-height:50px}}.quiz-navigation{max-width:600px;margin:0 auto}.quiz-results-header{max-width:700px;margin:0 auto}.quiz-results-products{margin-top:var(--sp-8)}.quiz-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}@media screen and (max-width:767px){.quiz-results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--sp-4)}}.quiz-no-results{text-align:center;padding:var(--sp-12) var(--sp-6);background-color:rgb(var(--color-foreground),.03);border-radius:var(--border-radius)}.quiz-no-results-icon{font-size:3rem;margin-bottom:var(--sp-4);opacity:.5}.quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:48px;height:48px;border:4px solid rgb(var(--color-foreground),.1);border-top-color:rgb(var(--color-button-background, 0, 0, 0));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quiz-results-actions{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid rgb(var(--color-border))}.quiz-match-score{position:absolute;top:var(--sp-3);right:var(--sp-3);background:linear-gradient(135deg,rgb(var(--color-success, 34, 197, 94)),rgb(var(--color-success, 34, 197, 94),.8));color:#fff;padding:var(--sp-2) var(--sp-3);border-radius:999px;font-size:.75rem;font-weight:700;z-index:2;box-shadow:0 2px 8px #00000026}.quiz-match-score:before{content:"\2728  "}.quiz-results-grid .product-card{position:relative;animation:fadeInUp .5s ease-out backwards}.quiz-results-grid .product-card:nth-child(1){animation-delay:.1s}.quiz-results-grid .product-card:nth-child(2){animation-delay:.2s}.quiz-results-grid .product-card:nth-child(3){animation-delay:.3s}.quiz-results-grid .product-card:nth-child(4){animation-delay:.4s}.quiz-results-grid .product-card:nth-child(5){animation-delay:.5s}.quiz-results-grid .product-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:640px){.quiz-start-content{padding:var(--sp-6)}.quiz-question-title{font-size:1.25rem}.quiz-results-header h3{font-size:1.5rem}}.quiz-answer:focus-visible{outline:2px solid rgb(var(--color-button-background));outline-offset:2px}@media print{.quiz-navigation,.quiz-results-actions{display:none}.quiz-screen:not(.quiz-results){display:none}}@media(prefers-color-scheme:dark){.quiz-start-content{box-shadow:0 4px 6px -1px #0000004d}.quiz-answer:hover{box-shadow:0 4px 12px #ffffff1a}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-quiz.css.map */