.chat-widget{position:fixed;bottom:82px;right:54px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;z-index:9999}.chat-widget-hidden{display:none!important}.chat-widget-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #667eea66;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.chat-widget-toggle:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.chat-widget-toggle:active{transform:scale(.95)}.chat-icon{width:28px;height:28px}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.chat-widget-window{position:absolute;bottom:80px;right:0;width:380px;height:500px;background:#fff;border-radius:12px;box-shadow:0 5px 40px #00000029;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-widget-header{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.chat-widget-header-content{flex:1}.chat-widget-title{margin:0;font-size:16px;font-weight:600;color:#f0f0f0}.chat-widget-subtitle{margin:4px 0 0;font-size:13px;opacity:.9}.chat-widget-controls{display:flex;gap:8px;margin-left:8px}.chat-expand-btn,.chat-close-btn,.chat-collapse-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-expand-btn:hover,.chat-close-btn:hover,.chat-collapse-btn:hover{background:#ffffff4d}.chat-expand-btn svg,.chat-close-btn svg,.chat-collapse-btn svg{width:18px;height:18px}.chat-messages,.chat-messages-expanded{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-bot{justify-content:flex-start}.chat-message-user{justify-content:flex-end}.chat-message-content{max-width:80%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.4;word-wrap:break-word}.chat-message-bot .chat-message-content{background:#f0f0f0;color:#333}.chat-message-user .chat-message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-typing{display:flex;align-items:center;gap:4px}.chat-typing-dot{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-widget-input-area{padding:12px;border-top:1px solid #e0e0e0;background:#fafafa;border-radius:0 0 12px 12px}.chat-form{display:flex;gap:8px}.chat-input{flex:1;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#667eea}.chat-send-btn{background:linear-gradient(135deg,#2a78ff 20%,#6a25ea 80%);border:none;color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn svg{width:18px;height:18px}.chat-widget-expanded{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.chat-widget-expanded-content{background:#fff;border-radius:12px;width:90%;max-width:600px;height:90vh;max-height:800px;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d}.chat-widget-expanded-header{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.chat-widget-expanded-input-area{padding:16px;border-top:1px solid #e0e0e0;background:#fafafa;border-radius:0 0 12px 12px}.chat-form-expanded{display:flex;gap:8px}.chat-input-expanded{flex:1;border:1px solid #ddd;border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s}.chat-input-expanded:focus{border-color:#667eea}.chat-send-btn-expanded{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-send-btn-expanded:hover{transform:scale(1.05)}.chat-send-btn-expanded:active{transform:scale(.95)}.chat-send-btn-expanded svg{width:18px;height:18px}[dir=rtl] .chat-widget{right:auto;left:20px}[dir=rtl] .chat-widget-window{right:auto;left:0}[dir=rtl] .chat-widget-header{flex-direction:row-reverse}[dir=rtl] .chat-widget-controls{margin-left:0;margin-right:8px}[dir=rtl] .chat-message-bot{justify-content:flex-end}[dir=rtl] .chat-message-user{justify-content:flex-start}[dir=rtl] .chat-message-content{text-align:right}@media(max-width:480px){.chat-widget{bottom:10px;right:10px}.chat-widget-toggle{width:56px;height:56px}.chat-widget-window{width:calc(100vw - 20px);height:70vh;max-height:500px;bottom:70px}[dir=rtl] .chat-widget{right:auto;left:10px}[dir=rtl] .chat-widget-window{right:auto;left:0}.chat-widget-expanded-content{width:100%;height:100vh;max-height:100vh;border-radius:0}.chat-widget-expanded{background:#fff}}.chat-widget-wrapper{display:flex;align-items:center;gap:12px;justify-content:flex-end!important}.chat-widget-label{background:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;color:#333;white-space:nowrap;box-shadow:0 2px 8px #0000001a;pointer-events:none}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.chat-options-menu{position:absolute;bottom:95px;right:0;display:flex;flex-direction:column;gap:12px;justify-content:flex-end!important;animation:slideUpMenu .4s ease forwards}.chat-option-wrapper{display:flex;align-items:center;gap:12px;justify-content:flex-end;animation:slideUpMenu .4s ease forwards}.chat-option-label{background:#fff;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;color:#2e2e2e;white-space:nowrap;box-shadow:0 2px 8px #0000001a}@keyframes slideUpMenu{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-option-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:all .3s ease;text-decoration:none}.chat-option-btn:hover{transform:scale(1.1)}.chat-option-btn:active{transform:scale(.95)}.chat-option{background:linear-gradient(135deg,#2548e1,#9341e5);color:#fff}.whatsapp-option{background:transparent;color:#fff;padding:0}.whatsapp-option svg{width:56px;height:56px;display:block}.chat-option-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.chat-option-icon svg{width:26px;height:26px}.chat-widget-toggle{width:72px;height:72px;animation:attention-shake 2s infinite;background:linear-gradient(135deg,#2548e1,#9341e5)}.chat-widget-toggle.menu-open{background:linear-gradient(135deg,#667eea,#764ba2)}@keyframes attention-shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}75%{transform:translateY(-8px) rotate(-2deg)}}.chat-icon{width:36px;height:36px;position:absolute;opacity:1;transition:opacity .3s ease}.close-icon{width:36px;height:36px;position:absolute;opacity:0;transition:opacity .3s ease}.chat-widget-toggle.menu-open .chat-icon{opacity:0}.chat-widget-toggle.menu-open .close-icon{opacity:1}.chat-widget-header{background:linear-gradient(135deg,#4821e1,#8b5cf6)}.chat-widget-expanded-header{background:linear-gradient(155deg,#2548e1,#8b1bfc)}.chat-message-bot{gap:8px}.chat-message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6342e8,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chat-message-content{font-weight:400}.chat-message-bot .chat-message-content{background:linear-gradient(135deg,#2762eb,#8040d9);color:#fff}.chat-message-user .chat-message-content{background:linear-gradient(135deg,#c5c5c6,#e7e7e7);color:#000}.chat-input,.chat-input-expanded{font-weight:400}.chat-send-btn-expanded{background:linear-gradient(135deg,#5b4cff 40%,#4a3de6 60%)}.chat-widget-expanded-content{min-height:0}.chat-messages-expanded{min-height:0;padding:18px 16px 92px}.chat-widget-expanded-input-area{position:sticky;bottom:0;z-index:10;box-shadow:0 -6px 12px #0000000f}[dir=rtl] .chat-widget-label{right:auto;left:88px}[dir=rtl] .chat-options-menu{right:auto;left:0}[dir=rtl] .chat-message-bot{flex-direction:row-reverse}[dir=rtl] .chat-message-bot .chat-message-avatar{margin-left:0;margin-right:8px}@media(max-width:480px){.chat-widget{bottom:80px}.chat-widget-label{bottom:24px;right:80px;font-size:12px;padding:6px 12px}.chat-widget-toggle{width:64px;height:64px}.chat-options-menu{bottom:85px;gap:10px}.chat-option-btn{width:52px;height:52px}[dir=rtl] .chat-widget-label{right:auto;left:80px}[dir=rtl] .chat-options-menu{right:auto;left:0}}.chat-input::placeholder,.chat-input-expanded::placeholder{font-weight:400;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/23/assets/chat-widget.css.map */