.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.quiz-overlay.quiz-visible{opacity:1;pointer-events:all}.quiz-modal{background:#fff;color:#1a1a1a;border-radius:20px;padding:48px 40px 40px;max-width:460px;width:92%;position:relative;box-shadow:0 24px 80px #0000001f;transform:translateY(24px) scale(.98);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;opacity:0}.quiz-overlay.quiz-visible .quiz-modal{transform:translateY(0) scale(1);opacity:1}.quiz-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:12px;color:#aaa;cursor:pointer;padding:4px 8px;letter-spacing:.02em;transition:color .2s ease}.quiz-close:hover{color:#1a1a1a}.quiz-eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#aaa;margin:0 0 10px;font-weight:500}.quiz-heading{font-size:24px;font-weight:700;margin:0 0 28px;line-height:1.25;color:#1a1a1a}.quiz-subtext{font-size:14px;color:#777;margin:-18px 0 22px;line-height:1.5}.quiz-step{animation:quizFadeUp .3s cubic-bezier(.22,1,.36,1) both}@keyframes quizFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-hidden{display:none!important}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{background:#fafafa;border:1.5px solid #e8e8e8;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500;text-align:left;cursor:pointer;color:#1a1a1a;transition:border-color .2s ease,background .2s ease,transform .15s ease;letter-spacing:.01em}.quiz-option:hover{border-color:#1a1a1a;background:#fff;transform:translate(3px)}.quiz-option:active{transform:translate(3px) scale(.98)}.quiz-back{background:none;border:none;font-size:12px;color:#aaa;cursor:pointer;margin-top:18px;padding:0;letter-spacing:.02em;transition:color .2s ease}.quiz-back:hover{color:#1a1a1a}.quiz-email-form{display:flex;flex-direction:column;gap:10px}.quiz-email-form input[type=email]{border:1.5px solid #e8e8e8;border-radius:12px;padding:14px 18px;font-size:14px;outline:none;color:#1a1a1a;background:#fafafa;transition:border-color .2s ease,background .2s ease}.quiz-email-form input[type=email]:focus{border-color:#1a1a1a;background:#fff}.quiz-email-form input[type=email]::placeholder{color:#bbb}.quiz-btn-primary{background:#1a1a1a;color:#fff;border:none;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.02em;transition:background .2s ease,transform .15s ease}.quiz-btn-primary:hover{background:#333;transform:translateY(-1px)}.quiz-btn-primary:active{transform:translateY(0)}.quiz-btn-secondary{background:none;border:1.5px solid #e8e8e8;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:500;cursor:pointer;margin-top:8px;width:100%;color:#555;transition:border-color .2s ease,color .2s ease}.quiz-btn-secondary:hover{border-color:#1a1a1a;color:#1a1a1a}.quiz-skip-email{background:none;border:none;font-size:12px;color:#bbb;cursor:pointer;margin-top:6px;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.quiz-skip-email:hover{color:#777}.quiz-results{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.quiz-result-card{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #e8e8e8;border-radius:12px;padding:15px 18px;text-decoration:none;color:#1a1a1a;font-size:14px;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .15s ease;letter-spacing:.01em}.quiz-result-card:hover{border-color:#1a1a1a;background:#fafafa;transform:translate(3px)}.quiz-result-card:after{content:"\2192";color:#aaa;font-size:16px;transition:color .2s ease,transform .2s ease}.quiz-result-card:hover:after{color:#1a1a1a;transform:translate(3px)}@media(max-width:640px){.quiz-overlay{align-items:center;padding:20px}.quiz-modal{width:100%;max-width:420px;border-radius:20px;padding:40px 28px 32px;transform:translateY(16px) scale(.97)}.quiz-overlay.quiz-visible .quiz-modal{transform:translateY(0) scale(1)}.quiz-heading{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/quiz-popup.css.map */