.quiz-container{display:flex;height:89vh;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.quiz-content{flex:1;background-color:rgb(var(--color-background));display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%}.quiz-sidebar{flex:0 0 35%;background-color:#fadceb;display:flex;align-items:center;justify-content:center;padding:40px}.quiz-step{display:none;width:100%;height:100%;animation:fadeIn .5s ease-in-out}.quiz-step:not([data-step=intro]){display:none;align-items:stretch}.quiz-step:not([data-step=intro]).active{display:flex}.quiz-step[data-step=intro].active{display:block}.quiz-title{font-weight:700;color:rgb(var(--color-foreground));margin:0}.quiz-subtitle{color:rgb(var(--color-foreground))}.intro-layout{display:flex;align-items:stretch;width:100%;height:100%}.intro-image{width:50%;display:flex}.intro-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality}.intro-content{width:50%;text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 4.5rem;gap:1.5rem}.intro-description{font-size:1.1rem;color:rgb(var(--color-foreground));line-height:1.6;margin-bottom:2rem;text-align:left;background:#ffffffb3;padding:1.5rem;border-radius:12px;border-left:4px solid #e066b0}.quiz-question{font-size:1.8rem;color:rgb(var(--color-foreground));margin:0;text-align:center}.quiz-question-subtitle{margin:0;color:rgb(var(--color-foreground));text-align:center}.quiz-question-content{width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 4.5rem;overflow-y:auto;text-align:left;gap:1.5rem}.quiz-question-image{width:50%;display:flex}.quiz-question-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality}.quiz-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.quiz-option{text-transform:none;text-align:center}.quiz-option.selected{background-color:#5c2d4d;color:#fff;transform:translateY(-2px)}.quiz-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.quiz-button:disabled:before{display:none}.quiz-progress{width:100%;margin:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quiz-progress.visible{opacity:1;visibility:visible}.progress-bar{height:12px;background-color:#ffffff4d;border-radius:6px;overflow:hidden;border:2px solid rgb(242 184 217 / 60%)}.progress-fill{height:100%;background:linear-gradient(90deg,#e066b0,#fadceb);border-radius:4px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.quiz-result{display:none;width:100%;height:100%;animation:fadeIn .5s ease-in-out}.quiz-result.active{display:block}.result-title{font-size:2.5rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:1rem;line-height:1.2}.result-image{width:300px;height:300px;margin:0;border-radius:4px;overflow:hidden;position:relative;text-align:center}.result-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fadceb1a,#e066b01a);z-index:1}.result-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality}.result-description{color:rgb(var(--color-foreground));text-align:left;max-width:30rem}.product-info{margin:1.5rem 0}.product-title{color:rgb(var(--color-foreground));margin:0}.product-price{font-size:17px;margin:0}.result-button{width:100%}.email-input{width:100%;max-width:400px;padding:1rem;border:2px solid #5c2d4d;border-radius:8px;font-size:1.1rem;margin-bottom:2rem;background:#fff;transition:all .3s ease}.email-input:focus{outline:none;border-color:#e066b0}.sidebar-content{text-align:center;color:#5c2d4d;font-size:1.1rem;line-height:1.6}.sidebar-content p{margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media screen and (max-width: 749px){.quiz-container{flex-direction:column;height:auto;min-height:83vh}.quiz-sidebar{flex:0 0 200px;padding:20px}.quiz-content{padding:0 20px}.intro-layout{flex-direction:column;gap:2rem;text-align:center}.intro-image{flex:none;width:100%;max-width:400px;height:300px}.intro-content{text-align:center;padding:1rem;width:100%;align-items:center!important}.quiz-step:not([data-step=intro]){flex-direction:column;gap:2rem}.quiz-question-content{flex:none;padding:1rem;text-align:center}.quiz-question-image{flex:none;width:100%;height:300px}.quiz-title{font-size:2rem}.quiz-option{padding:1rem;font-size:12px}.result-image{width:250px;height:250px}.result-title{font-size:2rem;margin:0}.result-description{font-size:12px;padding:1rem 0}.result-description p{margin:0}}@media (prefers-reduced-motion: reduce){.quiz-step,.quiz-result,.quiz-option,.quiz-button,.result-button,.progress-fill{transition:none;animation:none}.quiz-option:before,.quiz-button:before,.result-button:before,.progress-fill:after{display:none}}.quiz-option:focus,.quiz-button:focus,.result-button:focus,.email-input:focus{outline:2px solid #e066b0;outline-offset:2px}.quiz-button.loading{position:relative;color:transparent}.quiz-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #5c2d4d;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.quiz-question-text{display:flex;flex-direction:column;align-items:center;gap:2rem}.quiz-question-text .quiz-email-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-top:2rem;width:100%}.quiz-step[data-step=email] .quiz-question-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0rem}.quiz-step[data-step=email] .quiz-question-content p{margin:5px 0 2rem}.quiz-step[data-step=email] .quiz-email-form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px}.quiz-step[data-step=email] .field{width:100%}@media (max-width: 749px){.quiz-question-image{display:none!important}.quiz-question-content{width:100%!important;max-width:none!important}.quiz-step{flex-direction:column!important}.intro-image{display:none!important}.intro-content{width:100%!important;padding:2rem 1rem!important}.quiz-result .intro-image{display:none!important}.quiz-result .intro-content{width:100%!important;padding:2rem 1rem!important;text-align:center!important;align-items:center!important}}.quiz-question-subtitle p,h2.quiz-question-title{margin:0}.quiz-email-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}#quiz-email-submit,#quiz-email-skip{text-transform:none;width:100%}.quiz-result .intro-content{text-align:center;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-quiz-page.css.map */