.quiz-container{position:relative;min-height:65vh;width:100%}.quiz-logo{text-align:center;display:flex;justify-content:center;margin-bottom:2rem}.quiz-logo img{max-width:120px;height:auto}.quiz-welcome-screen{display:none;position:relative;min-height:65vh;align-items:center;justify-content:center;text-align:center;padding:var(--quiz-padding)}.quiz-welcome-screen.active{display:flex}.quiz-welcome-content{position:relative;z-index:2;max-width:600px;width:100%}.quiz-background-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.quiz-background-image img{width:100%;height:100%;object-fit:cover}.quiz-welcome-text{padding:calc(var(--quiz-padding) * 2);padding-top:15px;border-radius:var(--quiz-border-radius)}.quiz-welcome-heading{font-size:var(--quiz-heading-size);color:var(--quiz-text-color);margin:0 0 1rem;font-weight:700}.quiz-welcome-subheading{font-size:var(--quiz-subheading-size);color:var(--quiz-text-color);margin:0 0 2rem;opacity:.8;line-height:1.5}.quiz-begin-btn{background:var(--quiz-primary-color);color:#fff;border:none;padding:var(--quiz-button-padding) calc(var(--quiz-button-padding) * 2);border-radius:var(--quiz-border-radius);font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease;min-width:150px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-begin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fae8e8}.quiz-question-screen{display:none;padding:var(--quiz-padding);min-height:65vh;align-items:flex-start;justify-content:center;overflow-y:auto}.quiz-question-screen.active{display:flex}.quiz-question-content{max-width:1000px;width:100%;text-align:center;padding-top:2rem}.quiz-progress{margin-bottom:2rem}.quiz-progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.quiz-progress-fill{height:100%;background:var(--quiz-primary-color);transition:width .3s ease}.quiz-progress-text{font-size:14px;color:var(--quiz-secondary-color)}.quiz-question-heading{font-size:var(--quiz-heading-size);color:var(--quiz-text-color);margin:0 0 1rem;font-weight:700}.quiz-question-subheading{font-size:var(--quiz-subheading-size);color:var(--quiz-text-color);margin:0 0 2rem;opacity:.8;line-height:1.5}.quiz-answers-grid{display:grid;gap:1rem;margin-bottom:2rem;max-width:100%}.quiz-answers-grid.small-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quiz-answers-grid.medium-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.quiz-answers-grid.large-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.quiz-answers-grid.large-grid .quiz-answer-item{flex:0 0 calc(20% - .8rem);max-width:calc(20% - .8rem)}.quiz-answers-grid.extra-large-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.quiz-answers-grid.extra-large-grid .quiz-answer-item{flex:0 0 calc(20% - .8rem);max-width:calc(20% - .8rem)}.quiz-answer-item{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:var(--quiz-border-radius);cursor:pointer;transition:all .3s ease;text-align:center;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none}.quiz-answers-grid.large-grid .quiz-answer-item,.quiz-answers-grid.extra-large-grid .quiz-answer-item{min-height:120px}.quiz-answers-grid.large-grid .quiz-answer-text,.quiz-answers-grid.extra-large-grid .quiz-answer-text{font-size:24px;padding:.5rem}.quiz-answer-item:hover{border-color:var(--quiz-primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quiz-answer-item.selected{border-color:var(--quiz-primary-color);background-color:rgba(var(--quiz-primary-color-rgb, 0, 123, 255),.1);transform:scale(1.02);box-shadow:0 4px 16px #00000026}.quiz-answer-item.selected:after{content:"\2713";position:absolute;top:8px;right:8px;background:var(--quiz-primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:3;box-shadow:0 2px 4px #0003}.quiz-answer-item:active{transform:scale(.98);transition:transform .1s ease}.quiz-answer-item.scrolling{transition:none!important}.quiz-answer-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.quiz-answer-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.quiz-answer-image img{width:100%;height:100%;object-fit:cover}.quiz-answer-text{position:relative;z-index:2;font-size:32px;font-weight:600;color:#fff;padding:1rem;font-family:Allenoire,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.quiz-question-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2rem}.quiz-prev-btn,.quiz-next-btn,.quiz-skip-btn{padding:var(--quiz-button-padding) calc(var(--quiz-button-padding) * 2);border-radius:var(--quiz-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;border:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-prev-btn{background:var(--quiz-secondary-color);color:#fff}.quiz-next-btn{background:var(--quiz-primary-color);color:#fff}.quiz-skip-btn{background:#6c757d;color:#fff;border:2px solid #6c757d}.quiz-next-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.quiz-prev-btn:hover,.quiz-next-btn:hover:not(:disabled),.quiz-skip-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quiz-results-screen{display:none;padding:var(--quiz-padding);min-height:65vh;align-items:flex-start;justify-content:center;text-align:center;overflow-y:auto}.quiz-results-screen.active{display:flex}.quiz-results-content{max-width:600px;width:100%;background:#fff;padding:calc(var(--quiz-padding) * 2);border-radius:var(--quiz-border-radius);box-shadow:0 8px 32px #0000001a;margin-top:2rem}.quiz-results-heading{font-size:var(--quiz-heading-size);color:var(--quiz-text-color);margin:0 0 1rem;font-weight:700}.quiz-results-subheading{font-size:var(--quiz-subheading-size);color:var(--quiz-text-color);margin:0 0 2rem;opacity:.8;line-height:1.5}.quiz-results-list{text-align:left;margin-bottom:2rem}.quiz-result-item{padding:1rem;background:#f8f9fa;border-radius:var(--quiz-border-radius);margin-bottom:.5rem;border-left:4px solid var(--quiz-primary-color)}.quiz-result-item strong{color:var(--quiz-text-color);text-transform:capitalize}.quiz-restart-btn{background:var(--quiz-secondary-color);color:#fff;border:none;padding:var(--quiz-button-padding) calc(var(--quiz-button-padding) * 2);border-radius:var(--quiz-border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px;margin:.5rem;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.quiz-restart-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quiz-view-results-btn{background:var(--quiz-primary-color)!important}.quiz-view-results-btn:hover{box-shadow:0 4px 12px #007bff4d!important}.quiz-results-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2rem}@media (max-width: 768px){.quiz-answer-item:hover{transform:none;box-shadow:none}.quiz-answers-grid.small-grid,.quiz-answers-grid.medium-grid{grid-template-columns:1fr 1fr;gap:.75rem}.quiz-answers-grid.large-grid .quiz-answer-item,.quiz-answers-grid.extra-large-grid .quiz-answer-item{flex:0 0 calc(33.333% - .4rem);max-width:calc(33.333% - .4rem)}.quiz-answers-grid.large-grid,.quiz-answers-grid.extra-large-grid{gap:.5rem}.quiz-answer-text{font-size:28px;padding:.75rem}.quiz-answers-grid.large-grid .quiz-answer-text,.quiz-answers-grid.extra-large-grid .quiz-answer-text{font-size:20px;padding:.4rem}.quiz-question-actions{flex-direction:column}.quiz-prev-btn,.quiz-next-btn,.quiz-skip-btn{width:100%;max-width:200px}}@media (max-width: 480px){.quiz-answers-grid.small-grid,.quiz-answers-grid.medium-grid{grid-template-columns:1fr 1fr;gap:.5rem}.quiz-answers-grid.large-grid .quiz-answer-item,.quiz-answers-grid.extra-large-grid .quiz-answer-item{flex:0 0 calc(50% - .25rem);max-width:calc(50% - .25rem)}.quiz-welcome-text,.quiz-results-content{padding:var(--quiz-padding)}.quiz-welcome-heading,.quiz-question-heading,.quiz-results-heading{font-size:calc(var(--quiz-heading-size) * .8)}.quiz-welcome-subheading,.quiz-question-subheading,.quiz-results-subheading{font-size:calc(var(--quiz-subheading-size) * .9)}.quiz-logo img{max-width:80px}.quiz-answer-text{font-size:24px;padding:.5rem}.quiz-answers-grid.large-grid .quiz-answer-text,.quiz-answers-grid.extra-large-grid .quiz-answer-text{font-size:18px;padding:.3rem}}.quiz-loading{text-align:center;padding:2rem;color:var(--quiz-secondary-color);font-style:italic}#quiz-product-recommendations{margin-top:2rem}#quiz-product-recommendations .quiz-product-carousel{background:transparent;margin-top:0;padding:1rem 0}.quiz-fade-in{animation:fadeIn .5s ease-in-out}.quiz-fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.quiz-question-background-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.quiz-question-background-image img{width:100%;height:100%;object-fit:cover}.quiz-question-content{position:relative;z-index:2;max-width:1000px;width:100%;text-align:center;padding-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/245/assets/quiz-section.css.map */