.quiz-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}.quiz-popup{width:90%;max-width:600px;max-height:85vh;position:relative;overflow-y:auto;background-color:#0b0b1a;background-image:radial-gradient(circle at 20% 50%,#2d235a,#0b0b1a 70%);background-attachment:fixed}.quiz-popup-close{position:sticky;top:0;right:0;margin-left:auto;display:block;font-size:32px;background:#0000!important;border:none;cursor:pointer;color:#fff;opacity:.7;text-align:right;padding:15px 15px 0 0}.quiz-popup-close:hover{opacity:1}.quiz-popup-content{padding:0 25px 30px}.quiz-step,.quiz-question,.quiz-result{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.quiz-step h3{font-size:28px;margin-bottom:10px;color:#fff;font-weight:700}.quiz-subtext{color:#ffffffb3;margin-bottom:30px;line-height:1.5}.input-group{margin-bottom:20px}.quiz-input,.quiz-select{width:100%;padding:16px;background:#ffffff1a;border:2px solid rgba(0,0,0,0);font-size:16px;color:#fff;font-weight:700}.quiz-input::-moz-placeholder,.quiz-select::-moz-placeholder{color:#ffffff80;font-weight:400}.quiz-input::placeholder,.quiz-select::placeholder{color:#ffffff80;font-weight:400}.quiz-input:focus,.quiz-select:focus{outline:none;border-color:#ffffff80}.quiz-input.error,.quiz-select.error{border-color:#f44;animation:shake .3s ease}.quiz-select option{background:#0b0b1a;color:#fff}.quiz-next-btn,.quiz-next-q-btn{background:#ffffff1a;color:#fff;font-weight:700;border:none;padding:16px 24px;font-size:16px;cursor:pointer;width:100%;text-align:center;transition:all .2s ease}.quiz-next-btn:hover,.quiz-next-q-btn:hover{background:#fff3}.quiz-gender-buttons{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.quiz-gender-btn{flex:1;min-width:120px;padding:18px;background:#ffffff1a;border:2px solid rgba(0,0,0,0);font-size:18px;cursor:pointer;color:#fff;font-weight:700;transition:all .2s ease}.quiz-gender-btn:hover{background:#fff3}.quiz-question h4{margin-bottom:25px;line-height:1.4;color:#fff;font-weight:700;font-size:20px}.quiz-question.error{animation:shake .3s ease}.quiz-question.error .quiz-option{border-color:#f44}.quiz-option{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff0d;margin-bottom:10px;cursor:pointer;transition:all .2s ease;border:2px solid rgba(0,0,0,0)}.quiz-option:hover{background:#ffffff1a}.quiz-option.selected{background:#ffffff1a;border-color:#ffffff4d}.quiz-option input{width:18px;height:18px;margin-top:2px;accent-color:#000!important;background:#fff!important}.quiz-option input:checked{background-color:#fff}.quiz-option span{color:#fff;font-weight:500;line-height:1.4;background:#0000!important}.quiz-nav-buttons{display:flex;gap:12px;margin-top:25px}.quiz-prev-btn{background:#0000;color:#ffffffb3;font-weight:700;padding:14px 24px;border:2px solid hsla(0,0%,100%,.2);cursor:pointer;transition:all .2s ease}.quiz-prev-btn:hover{border-color:#fff6;color:#fff}.quiz-result h3{font-size:20px;line-height:1.4;white-space:pre-line;color:#fff;font-weight:700;margin-bottom:25px}.quiz-product-card{display:block;text-decoration:none;margin-bottom:20px;transition:transform .2s ease}.quiz-product-card:hover{transform:translateY(-2px)}.quiz-product-card:hover .product-card-button{background:#000}.product-card-inner{display:flex;gap:16px;background:#ffffff0d;padding:8px;align-items:stretch}.product-card-image{width:auto;height:auto;max-height:100%;max-width:100px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.product-card-placeholder{width:80px;height:80px;background:#ffffff1a;flex-shrink:0}.product-card-info{flex:1;display:flex;flex-direction:column;justify-content:center}.product-card-title{color:#fff;font-weight:700;font-size:18px;margin:0 0 6px}.product-card-price{color:#ffffffb3;font-weight:500;margin:0 0 12px}.product-card-button{display:inline-block;background:#ffffff1a;color:#fff;font-weight:700;padding:8px 16px;transition:all .2s ease;align-self:flex-start}.quiz-restart-btn{background:#0000;color:#ffffffb3;font-weight:700;padding:14px 24px;border:2px solid hsla(0,0%,100%,.2);cursor:pointer;width:100%;text-align:center;transition:all .2s ease}.quiz-restart-btn:hover{border-color:#fff6;color:#fff}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:750px){.quiz-popup{width:95%;max-height:90vh}.quiz-popup-content{padding:0 18px 25px}.quiz-step h3{font-size:24px}.quiz-question h4{font-size:18px}.quiz-option{padding:12px}.quiz-option span{font-size:14px}.quiz-gender-btn{padding:14px;font-size:16px;min-width:100px}.quiz-input,.quiz-select,.quiz-next-btn,.quiz-next-q-btn,.quiz-prev-btn{padding:14px}.quiz-result h3{font-size:18px}.quiz-nav-buttons{flex-direction:column}.quiz-prev-btn{order:2}.quiz-next-q-btn{order:1}.product-card-inner{flex-direction:row;text-align:left;padding:8px}.product-card-image{max-width:70px}.product-card-title{font-size:16px}.product-card-price{font-size:14px;margin-bottom:8px}.product-card-button{padding:6px 12px;font-size:12px}}.quiz-email-form-container{margin:20px 0}.quiz-email-label{color:#fffc;font-weight:500;font-size:14px;margin-bottom:10px;display:block}.quiz-email-form{display:flex;gap:10px;flex-wrap:wrap}.quiz-email-input{flex:2;padding:14px 16px;background:#ffffff1a;border:2px solid rgba(0,0,0,0);font-size:14px;color:#fff;font-weight:500}.quiz-email-input::-moz-placeholder{color:#ffffff80;font-weight:400}.quiz-email-input::placeholder{color:#ffffff80;font-weight:400}.quiz-email-input:focus{outline:none;border-color:#ffffff80}.quiz-email-input.error{border-color:#f44;animation:shake .3s ease}.quiz-email-submit{flex:1;padding:14px 20px;background:#fff;color:#000;font-weight:700;border:none;font-size:14px;cursor:pointer;transition:all .2s ease}.quiz-email-submit:hover{background:#f0f0f0}.quiz-email-message{margin-top:10px;font-size:14px;text-align:center}.quiz-email-success{text-align:center;padding:12px;background:#4caf5033;color:#4caf50;font-size:14px;margin-top:10px}.quiz-email-error{background:#f4433633;color:#f44336;padding:12px}@media(max-width:750px){.quiz-email-form{flex-direction:column}.quiz-email-input,.quiz-email-submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/0-quiz-popup.out.css.map */