.product-quiz-wrapper{width:100%;background:#f5f5f5}.product-quiz{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative}.quiz-image-container{position:relative;overflow:hidden;background:#1a1a1a}.quiz-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;display:none}.quiz-image[data-active=true]{display:block;opacity:1}.quiz-image img{width:100%;height:100%;object-fit:cover;object-position:center}.quiz-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.quiz-content-container{display:flex;flex-direction:column;padding:10% 20%;background:#fff;position:relative}.quiz-progress{display:flex;gap:12px;margin-bottom:48px;width:100%}.progress-bar{flex:1;height:5px;background-color:#e2e2e2;border-radius:4px;transition:background-color .3s ease;min-width:40px;display:block!important}.quiz-title{font-size:14px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#666;margin-bottom:32px}.quiz-questions{display:flex;flex-direction:column;justify-content:flex-start}.answer-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.answer-btn{width:100%;padding:16px 24px;font-size:16px;font-weight:500;color:#1a1a1a;background:#fff;border:2px solid #d4d4d4;border-radius:8px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s ease;position:relative}.answer-btn:hover{border-color:#a3a3a3;background:#fafafa}.answer-btn.selected{background:#000;color:#fff;border-color:#000}.answer-btn.selected:hover{background:#333;border-color:#333}.question-slide{display:none;opacity:0}.question-slide[data-active=true]{display:block;opacity:1}.question-text{font-size:28px;font-weight:600;line-height:1.3;color:#1a1a1a;margin-bottom:32px;letter-spacing:-.02em}.select-wrapper{position:relative;margin-bottom:24px;border:none;outline:none}.quiz-select{width:100%;padding:12px 48px 12px 20px;font-size:16px;font-weight:400;color:#1a1a1a;background:#fff;border:1px solid #d4d4d4;border-radius:8px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;font-family:inherit;outline:none;position:relative;z-index:0;box-shadow:none}.quiz-select:invalid{color:#999}.quiz-select:valid{color:#1a1a1a}.quiz-select:hover{border-color:#a3a3a3;box-shadow:none}.quiz-select:focus{border-color:#000;box-shadow:none;outline:none}.quiz-select option{padding:12px;background:#fff;color:#1a1a1a}.quiz-select option:disabled{color:#999}.quiz-select option[value=""]{color:#999}.select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;width:12px;height:8px;color:#666;display:block;flex-shrink:0;z-index:2}.select-wrapper:hover .select-arrow{color:#000}.select-wrapper.open .select-arrow{transform:translateY(-50%) rotate(180deg)}.quiz-navigation{display:flex;gap:16px;margin-top:100px}.btn-next,.btn-back{flex:1;padding:14px 32px;font-size:15px;font-weight:500;border-radius:80px;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:none;font-family:inherit;letter-spacing:.01em}.btn-next{background:#000;color:#fff}.btn-next:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-next:active:not(:disabled){transform:translateY(0)}.btn-next:disabled{background:#e5e5e5;color:#a3a3a3;cursor:not-allowed;opacity:.6}.btn-back{background:transparent;color:#1a1a1a;border:1.5px solid #d4d4d4}.btn-back:hover:not(:disabled){border-color:#a3a3a3;background:#fafafa}.btn-back:disabled{color:#d4d4d4;border-color:#e5e5e5;cursor:not-allowed;opacity:.5}.quiz-results{display:none;opacity:0}.quiz-results[data-active=true]{display:block;opacity:1}.quiz-email-collection{display:none;opacity:0;text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}.quiz-email-collection[data-active=true]{display:block;opacity:1}.email-collection-title{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:16px;letter-spacing:-.02em}.email-collection-description{font-size:16px;color:#666;margin-bottom:40px;line-height:1.6}.email-collection-form{max-width:500px;margin:50px auto 0}.form-group{margin-bottom:20px}.email-input{width:100%;padding:16px 20px;font-size:16px;border:2px solid #d4d4d4;border-radius:8px;font-family:inherit;transition:border-color .2s ease}.email-input:focus{outline:none;border-color:#000}.email-input::placeholder{color:#999}.btn-submit-email{width:100%;padding:16px 32px;font-size:16px;font-weight:500;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-submit-email:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-submit-email:active{transform:translateY(0)}.btn-submit-email:disabled{background:#e5e5e5;color:#a3a3a3;cursor:not-allowed;opacity:.6}.email-success-message{text-align:center;animation:fadeIn .5s ease-in-out}.success-icon{margin:0 auto 24px;animation:scaleIn .4s ease-out}.success-text{font-size:18px;color:#1a1a1a;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.results-title{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:40px;text-align:center;letter-spacing:-.02em;max-width:1400px;margin-left:auto;margin-right:auto}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-bottom:40px;max-width:1400px;margin-left:auto;margin-right:auto}.quiz-product-card{opacity:1;transition:opacity .3s ease}.quiz-product-card product-block{width:100%;height:100%}.quiz-product-card .product-block{height:100%}.no-results-message{text-align:center;padding:60px 20px;color:#666;font-size:16px;grid-column:1 / -1}.product-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;border:1px solid #e5e5e5}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#d4d4d4}.product-card-link{display:block;text-decoration:none;color:inherit}.product-image{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#f9f9f9}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:20px}.product-title{font-size:16px;font-weight:500;color:#1a1a1a;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-current{font-size:18px;font-weight:600;color:#000}.price-compare{font-size:14px;color:#999;text-decoration:line-through}.product-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;border-radius:4px;margin-top:8px}.product-badge.sold-out{background:#fee;color:#c33}.no-results{text-align:center;padding:60px 20px;color:#666;font-size:16px}.btn-retake{display:block;margin:40px auto 0;padding:14px 40px;background:transparent;color:#1a1a1a;border:1.5px solid #d4d4d4;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-retake:hover{border-color:#000;background:#000;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}@media (max-width: 1024px){.quiz-content-container{padding:50px 60px}.question-text{font-size:24px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}}@media (max-width: 768px){.product-quiz{grid-template-columns:1fr;min-height:auto}.quiz-image-container{min-height:40vh;max-height:50vh;position:relative}.quiz-image{position:absolute}.quiz-content-container{padding:40px 24px}.quiz-progress{margin-bottom:32px}.quiz-title{font-size:12px;margin-bottom:24px}.question-text{font-size:22px;margin-bottom:24px}.quiz-select{padding:16px 44px 16px 18px;font-size:15px}.quiz-navigation{gap:12px;flex-direction:row;display:flex;margin-top:50px}.btn-next,.btn-back{width:100%;padding:14px 24px}.results-title{font-size:26px;margin-bottom:32px}.results-grid{grid-template-columns:repeat(2,1fr);gap:24px}.quiz-results[data-active=true]{padding:40px 24px}}@media (max-width: 480px){.quiz-content-container{padding:32px 20px}.question-text{font-size:20px}.quiz-select{font-size:14px;padding:14px 40px 14px 16px}.select-arrow{right:16px}.btn-next,.btn-back{font-size:14px;padding:12px 20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.quiz-select,.btn-next,.btn-back,.product-card{border-width:2px}}.quiz-select:focus-visible,.btn-next:focus-visible,.btn-back:focus-visible,.btn-retake:focus-visible{outline:none}@media print{.quiz-image-container,.quiz-navigation,.btn-retake{display:none}.product-quiz{display:block}.quiz-content-container{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/quiz.css.map */