#iframe-chatbot-container{all:initial;will-change:transform;contain:strict}@media (max-width: 768px){.chat-container{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:100%!important;border-radius:0!important;margin:0!important}.chat-icon{width:60px!important;height:60px!important;bottom:20px!important;right:20px!important}.chat-box{padding-bottom:80px!important}.chat-header{padding:15px!important}}.chat-icon{position:fixed;bottom:13px;right:15px;width:70px;height:70px;background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;z-index:99999;animation:float 3s ease-in-out infinite}.chat-icon:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.ping-animation{position:absolute;width:100%;height:100%;border-radius:50%;background:#fff6;animation:ping 2s ease-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ping{0%{transform:scale(.8);opacity:.8}70%{transform:scale(1.3);opacity:0}to{opacity:0}}.chat-container{position:fixed;bottom:30px;right:30px;width:360px;height:450px;max-width:350px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:2147483647;transition:all .3s ease;transform:translateY(20px);opacity:0;animation:fadeInUp .3s ease-out forwards}.chat-container.minimized{height:60px;animation:fadeInUp .3s ease-out forwards;height:auto!important}@keyframes fadeInUp{to{transform:translateY(0);opacity:1}}.chat-header{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;padding:15px 20px;display:flex;align-items:center;cursor:pointer}.chat-header h3{flex:1;margin:0;font-size:16px;font-weight:600;display:flex;align-items:center}.chat-controls{display:flex;gap:15px}.chat-controls button{background:none;border:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.chat-controls button:hover{opacity:1}.back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-right:8px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.back-btn:hover{opacity:1}.chat-box{flex:1;padding:15px;overflow-y:auto;background-color:#f9f9f9;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.msg{margin-bottom:10px;align-self:flex-start;max-width:60%;padding:10px 15px;border-radius:18px;font-size:14px;line-height:1.4;position:relative;opacity:0;transform:translateY(10px);animation:messageIn .3s ease-out forwards}.message-container{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width: 480px){.chat-container{width:80vw;height:100vh;max-width:100%;bottom:0;right:0;border-radius:0}.chat-box{padding-bottom:70px}}.msg.user{align-self:flex-end;background-color:#6e8efb;color:#fff;border-bottom-right-radius:4px;animation-delay:.1s}.msg.bot{align-self:flex-start;background-color:#e9e9eb;color:#333;border-bottom-left-radius:4px;animation-delay:.2s}.msg.has-buttons{padding-bottom:15px}@keyframes messageIn{to{opacity:1;transform:translateY(0)}}.last-message{animation:messageIn .3s ease-out forwards,gentleBounce .5s ease .3s}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.msg-content{word-wrap:break-word}.msg-time{font-size:10px;opacity:.7;text-align:right;margin-top:4px}.typing-indicator{background-color:#e9e9eb;padding:10px 15px;border-radius:18px;display:inline-block;margin-bottom:12px}.typing-dots{display:flex;align-items:center;height:17px}.dot{width:8px;height:8px;margin:0 2px;background-color:#666;border-radius:50%;display:inline-block;animation:typingAnimation 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chat-form{display:flex;padding:10px;background-color:#fff;border-top:1px solid #eee;position:sticky;bottom:0;z-index:1}.chat-form input{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:25px;outline:none;font-size:14px;transition:border .3s}.chat-form input:focus{border-color:#a777e3}.send-btn{background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:50%;width:40px;height:40px;margin-left:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1);position:relative;z-index:2147483647;pointer-events:auto!important}.send-btn:hover{transform:scale(1.1) rotate(5deg)}.chat-box::-webkit-scrollbar{width:6px}.chat-box::-webkit-scrollbar-track{background:#f1f1f1}.chat-box::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-box::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-preview{flex:1;padding:20px;display:flex;flex-direction:column;background-color:#f9f9f9}.preview-content{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px}.preview-content h3{font-size:18px;margin-bottom:15px;color:#333}.preview-content p{font-size:14px;color:#666;margin-bottom:25px}.preview-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.preview-buttons .chat-button{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:none;padding:12px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1)}.preview-buttons .chat-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6e8efb66}.trial-button{background:#fff;color:#6e8efb;border:1px solid #6e8efb;padding:12px;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1)}.trial-button:hover{background:#f0f4ff;transform:translateY(-2px);box-shadow:0 5px 15px #6e8efb33}.preview-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee;font-size:12px;color:#999}.preview-footer a{color:#6e8efb;text-decoration:none;transition:color .2s}.preview-footer a:hover{color:#a777e3;text-decoration:underline}.chat-icon-wrapper{position:fixed;bottom:60px;right:20px;display:flex;flex-direction:column;align-items:flex-end;z-index:2147483647}.chat-icon-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:9px;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none;white-space:nowrap}.chat-icon-tooltip.visible{opacity:1;transform:translateY(0);pointer-events:auto}.chat-icon-tooltip:after{content:"";position:absolute;top:100%;right:15px;border-width:6px;border-style:solid;border-color:#4e54c8 transparent transparent transparent}.tooltip-message{padding:8px;margin-bottom:10px;line-height:1.5;text-align:center;font-weight:500;background:linear-gradient(135deg,#6e8efbe6,#a777e3e6);background-size:200% 200%;animation:gradientPulse 8s ease infinite;border-radius:12px;position:relative;overflow:hidden}.tooltip-message:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff3,#fff0 70%);transform:rotate(30deg);animation:shine 4s infinite}@keyframes gradientPulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{0%{transform:translate(-100%) rotate(30deg)}20%{transform:translate(100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}.iframe-chatbot-container{width:90%;min-height:80px;position:relative;overflow:hidden}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}.chat-container,.chat-icon-wrapper{transition:all .3s ease}.rich-message{display:flex;flex-direction:column;gap:12px;width:100%}.rich-text h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.rich-text .subtext{margin:0;font-size:14px;color:#666}.rich-image{border-radius:8px;overflow:hidden;margin:8px 0}.rich-image img{width:100%;max-height:200px;object-fit:cover}.rich-buttons{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rich-button{display:block;padding:10px 16px;border-radius:6px;text-align:center;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.web-url{background:#6e8efb;color:#fff}.web-url:hover{background:#5a7df5}.phone-number{background:#4caf50;color:#fff}.phone-number:hover{background:#3d8b40}.rich-footer{margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-size:12px;color:#999}.msg.rich{max-width:90%}.msg.user.rich{align-self:flex-end;background:#6e8efb;color:#fff}.msg.bot.rich{align-self:flex-start;background:#f5f5f5;color:#333}.chat-icon-wrapper,.chat-container,.chat-icon,.chat-header,.chat-controls button,.chat-form,.chat-form input,.chat-form button,.option-button,.rich-button{pointer-events:auto!important}.human-support-message{display:flex;flex-direction:column;gap:12px;width:100%}.support-text{font-weight:500;margin-bottom:8px}.support-buttons{display:flex;flex-direction:column;gap:8px}.support-button{padding:12px 16px;border-radius:8px;text-align:center;text-decoration:none;font-weight:500;transition:all .2s}.support-button.url{background-color:#25d366;color:#fff}.support-button.email{background-color:#4285f4;color:#fff}.support-button:hover{filter:brightness(.9);transform:translateY(-1px)}.quick-actions{display:flex;gap:8px;margin-top:8px}.quick-action{padding:8px 12px;background:#f0f0f0;border:none;border-radius:18px;cursor:pointer;transition:all .2s}.quick-action:hover{background:#e0e0e0}.options-container{display:flex;flex-direction:column;gap:10px;margin-top:15px;width:100%;animation:fadeIn .3s ease-out}.option-button{background:#f0f4ff;border:1px solid #6e8efb;color:#6e8efb;padding:12px 15px;border-radius:25px;cursor:pointer;text-align:left;font-size:14px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 5px #0000000d;width:100%;border:none;outline:none}.option-button:hover{background:#e0e8ff;transform:translateY(-2px);box-shadow:0 5px 15px #6e8efb33}.option-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}