#ei-chatbot { position: fixed; bottom: 20px; right: 20px; z-index: 9999; font-family: Arial, sans-serif; }
.chat-toggle { background: #00369C; color: #fff; padding: 12px; border-radius: 50%; cursor: pointer; text-align: center; font-size: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); }
.chat-window { width: 320px; height: 450px; background: #fff; border: 2px solid #00369C; border-radius: 12px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 6px 12px rgba(0,0,0,0.3); }
.messages { flex: 1; padding: 15px; overflow-y: auto; }
.message { margin-bottom: 12px; padding: 10px; border-radius: 10px; line-height: 1.4; }
.message.bot { background: #f1f1f1; color: #000; }
.message.user { background: #00369C; color: #fff; text-align: right; }
.options { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.chat-btn { background: #00369C; color: #fff; padding: 10px; border: none; border-radius: 8px; cursor: pointer; transition: 0.3s; }
.chat-btn:hover { background: #0050d0; }
.vendor-card { border: 1px solid #ccc; padding: 10px; border-radius: 10px; margin-top: 10px; background: #fafafa; }
.vendor-card b { color: #00369C; }
.vendor-actions { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.vendor-actions a { text-decoration: none; padding: 8px 12px; border-radius: 8px; color: #fff; font-size: 14px; }
.whatsapp { background: #25D366; }
.call { background: #00369C; }
.email { background: #0073aa; }