:root{--quiz-pink: #ff69b4;--quiz-pink-dark: #ff4081;--quiz-purple: #6a1b9a;--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .35);--glass-shadow: rgba(31, 38, 135, .37)}#popup-quiz{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;justify-content:center;align-items:center;background:var(--glass-bg);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);padding:1.65rem 1.4rem;width:90%;max-width:720px;border-radius:22px;font-family:Poppins,sans-serif;color:var(--quiz-purple)}#popup-quiz.hidden{display:none!important}.quiz-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-height:calc(88vh - 60px);overflow-y:auto;overflow-x:hidden}.quiz-content::-webkit-scrollbar{width:6px}.quiz-content::-webkit-scrollbar-thumb{background:var(--quiz-pink-dark);border-radius:3px}#popup-quiz h2{font-size:1.55rem;font-weight:900;margin-bottom:.8rem}#quiz-steps h3,#quiz-result h3{font-size:1.35rem;font-weight:800;margin:.9rem 0 .6rem}.quiz-content button{width:100%;max-width:260px;padding:.75rem 1.2rem;margin:.4rem 0;border:none;border-radius:28px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .25s ease;background:linear-gradient(135deg,var(--quiz-pink) 0%,var(--quiz-pink-dark) 100%);color:#fff}.quiz-content button:hover,.quiz-content button:focus-visible{opacity:.85}.quiz-content button.selected{outline:3px solid var(--quiz-purple);opacity:1}.quiz-content .quiz-next{margin-top:1.1rem}#quiz-result{width:100%;padding:0 .15rem 1.4rem;display:none}#quiz-result.show{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}#quiz-result>h3{width:100%;text-align:left}#quiz-result .product{width:150px;background:var(--glass-bg);backdrop-filter:blur(8px) saturate(170%);-webkit-backdrop-filter:blur(8px) saturate(170%);border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 4px 18px 0 var(--quiz-shadow);padding:.8rem;display:flex;flex-direction:column;align-items:center;text-align:center}#quiz-result .product img{width:100%;height:auto;margin:0 auto .55rem;border-radius:12px}#quiz-result .product p{font-size:.85rem;font-weight:700;margin:.3rem 0;color:var(--quiz-purple);word-break:break-word}#quiz-result .product a.button{margin-top:.45rem;padding:.45rem .9rem;font-size:.8rem;border-radius:22px;background:linear-gradient(135deg,var(--quiz-pink-dark) 0%,var(--quiz-pink) 100%);color:#fff;font-weight:600;text-decoration:none;transition:opacity .25s ease}#quiz-result .product a.button:hover,#quiz-result .product a.button:focus-visible{opacity:.85}#close-quiz{position:absolute;top:12px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);font-size:1rem;font-weight:900;line-height:1;color:var(--quiz-pink);cursor:pointer;display:flex;align-items:center;justify-content:center}#close-quiz:hover,#close-quiz:focus-visible{color:var(--quiz-pink-dark)}@media (max-width: 480px){#popup-quiz{max-width:95%}#popup-quiz h2{font-size:1.35rem}#quiz-steps h3,#quiz-result h3{font-size:1.15rem}.quiz-content button{font-size:.9rem}#quiz-result.show{justify-content:center}#close-quiz{top:8px;right:10px;width:26px;height:26px;font-size:.95rem}}.quiz-content button.quiz-close-btn{width:100%;max-width:260px;margin:1rem auto 0;padding:.75rem 1.2rem;border:none;border-radius:28px;font-size:.95rem;font-weight:600;background:linear-gradient(135deg,var(--quiz-pink) 0%,var(--quiz-pink-dark) 100%);color:#fff;cursor:pointer;display:block;transition:opacity .25s ease}.quiz-content button.quiz-close-btn:hover,.quiz-content button.quiz-close-btn:focus-visible{opacity:.85}#quiz-result .quiz-close-btn{order:999;flex:0 0 100%;margin-top:1rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/popup-quiz.css.map */