.quiz-widget{position:fixed;bottom:28px;right:96px;z-index:9999}.quiz-widget__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:9999px;font-weight:700;color:#fff;border:none;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #0003;white-space:nowrap}.quiz-widget__btn.icon-only{padding:12px;width:56px;height:56px;border-radius:50%}.quiz-widget__btn .quiz-btn-icon svg{width:24px;height:24px;fill:currentColor}.quiz-widget__panel{position:fixed;bottom:100px;right:20px;width:400px;max-height:80vh;background:#fff;border-radius:10px;box-shadow:0 6px 18px #0003;padding:16px;overflow-y:auto}.quiz-widget__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:12px}.quiz-widget__header h3{margin:0;font-size:28px;color:#0fb4c3}.quiz-widget__close{background:none;border:none;font-size:24px;line-height:1;cursor:pointer}.quiz-container{font-family:Rubik,sans-serif;color:#333;width:100%;box-sizing:border-box}.quiz-inner h2{font-family:Crimson,serif;color:#0fb4c3;font-weight:700;text-align:center;margin-bottom:30px;font-size:2rem}.quiz-inner .question{margin:10px 0 12px;font-size:1.6rem;line-height:2rem;opacity:0;animation:fadeIn .45s forwards}.quiz-inner label{display:block;margin:10px 0 14px;font-size:1.4rem}.quiz-inner input[type=number],.quiz-inner input[type=email]{padding:12px;font-size:1.35rem;border:2px solid #0fb4c3;border-radius:8px}.quiz-inner input[type=number]{width:100px}.quiz-inner input[type=email]{width:100%;box-sizing:border-box}.quiz-inner .btn{margin:14px 10px;padding:14px 22px;border-radius:10px;border:none;background:#0fb4c3;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:1.6rem;display:inline-block}.quiz-inner .btn:hover{background:#0a8f99}.quiz-inner .restart{background:#8dc63f;margin:initial;width:100%;font-size:2rem}.quiz-inner .add-to-cart-btn{margin:10px 0;width:100%;font-size:2rem}.quiz-inner .restart:hover{background:#6ea12f}.quiz-inner .result-card{margin-top:20px;padding:20px;background:#e6f9fa;border-radius:12px;box-shadow:0 4px 10px #00000014;font-size:1.4rem;opacity:0;animation:fadeIn .45s forwards}.quiz-inner .result-card ul{margin:12px 0 0 20px;padding:0;font-style:italic;line-height:1.8;font-size:1.35rem}.quiz-inner .result-card li{margin-bottom:10px;color:#333}.quiz-inner .result-card strong{font-weight:700}.quiz-inner a{color:#0fb4c3;font-style:italic;text-decoration:none;font-weight:600;font-size:1.35rem}.quiz-inner a:hover{text-decoration:underline}.quiz-inner .email-section{padding-top:20px;font-size:1.3rem}.quiz-inner .email-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.quiz-inner .email-buttons .btn{flex:1 1 200px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.quiz-inner input[type=number]{width:100%}.quiz-inner .btn{width:100%;margin:12px 0}.quiz-inner{padding:20px;font-size:1.25rem;line-height:1.65}.quiz-inner h2{font-size:1.8rem;margin-bottom:20px}.quiz-inner .question{font-size:1.4rem;margin:18px 0 12px}.quiz-inner .result-card{font-size:1.3rem;padding:18px}.quiz-inner .result-card ul{font-size:1.25rem;margin-left:18px}.quiz-inner .email-buttons{flex-direction:column}.quiz-inner .email-buttons .btn{width:100%}}.quiz-floating-btn{position:fixed;bottom:20px;right:90px;background:#f4a019;color:#fff;border:none;border-radius:40px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;cursor:pointer;z-index:9999;transition:background .3s ease,transform .3s ease}.quiz-floating-btn:hover{background:#d98a0f;transform:translateY(-2px)}.quiz-btn-icon svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}.quiz-floating-btn.close-mode .quiz-btn-label{display:none}.quiz-floating-btn.close-mode .quiz-btn-icon:before{content:"\2715";font-size:20px;line-height:1}.quiz-floating-btn.close-mode .quiz-btn-icon svg{display:none}.quiz-widget__btn .quiz-btn-icon{display:inline-flex;align-items:center;justify-content:center}.quiz-btn-label:empty{display:none}.quiz-widget__btn .quiz-btn-icon svg,.quiz-widget__btn .quiz-btn-icon img{width:32px;height:32px;fill:currentColor}.quiz-btn-content{position:static!important;transform:none!important;opacity:1!important;display:none}.quiz-btn-content.active{display:inline-flex;align-items:center;gap:8px}.quiz-btn-default,.quiz-btn-close{align-items:center;gap:6px}.close-mode .quiz-btn-default{opacity:0;transform:scale(.9)}.close-mode .quiz-btn-close{opacity:1;transform:scale(1)}.cart-confirm{text-align:center;margin-top:20px;opacity:0;transition:opacity .6s ease}.cart-confirm.fade-in{opacity:1}.checkmark-overlay{width:70px;height:70px;margin:0 auto 15px}.checkmark-overlay svg{width:100%;height:100%;fill:#4caf50}.hidden{display:none}.confirmation-screen{background-color:#d4edda;border-radius:12px;padding:1.5rem;text-align:center}.confirmation-screen .checkmark-overlay{margin-bottom:1rem;color:#7cb134}.confirmation-screen h3{color:#155724;margin-bottom:1rem}.confirmation-screen .added-items{list-style:none;padding:0;margin:1rem 0;color:#155724;text-align:left}.confirmation-screen .added-items li{margin:.25rem 0;font-weight:700}.quiz-widget__btn .quiz-btn-content{display:none;align-items:center;gap:8px}.quiz-widget__btn .quiz-btn-content.active{display:inline-flex}.quiz-widget__btn.icon-only{width:56px;height:56px;padding:0;border-radius:9999px}.quiz-widget__btn.icon-only .quiz-btn-label{display:none}.quiz-widget__header{display:flex;align-items:center;gap:.75rem}.quiz-widget__header h3{margin:0;flex:1 1 auto;text-align:center}.quiz-widget__back{flex:0 0 auto;padding:.4rem .65rem;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:.9rem;line-height:1}.quiz-progress{padding:10px 16px}.quiz-progress__track{position:relative;height:8px;border-radius:999px;background:#eee;overflow:hidden}.quiz-progress__bar{position:absolute;left:0;top:0;height:100%;width:0%;background:#309fab;transition:width .25s ease}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-quiz-widget.css.map */