.marketing-chat{position:fixed;right:24px;bottom:22px;z-index:120;font-family:Urbanist,Arial,sans-serif}
.marketing-chat-launcher{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 18px 7px 8px;border:1px solid #242424;border-radius:999px;background:#050505;color:#fff;box-shadow:0 14px 38px #080b162d;font:800 14px Urbanist,Arial,sans-serif;cursor:pointer}
.marketing-chat-launcher>span,.marketing-chat-panel>header>span{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;background:#050505}
.marketing-chat-launcher>span img,.marketing-chat-panel>header>span img{display:block;width:26px;height:26px;object-fit:contain}
.marketing-chat-panel{position:absolute;right:0;bottom:68px;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));overflow:hidden;border:1px solid #e3e5e9;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px #10152538;backdrop-filter:blur(20px)}
.marketing-chat-panel[hidden]{display:none}
.marketing-chat-panel>header{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #242424;background:#050505;color:#fff}
.marketing-chat-panel>header>div{display:grid;flex:1}.marketing-chat-panel>header strong{font-size:17px}.marketing-chat-panel>header small{color:#bfc3cb;font-size:11px}.marketing-chat-panel>header button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer}
.marketing-chat-messages{height:352px;overflow:auto;padding:20px 17px;background:linear-gradient(180deg,#fafafa,#fff)}
.marketing-chat-messages article{display:flex;align-items:flex-end;gap:8px;margin-bottom:14px}
.marketing-chat-messages article>span{display:block;flex:0 0 30px;width:30px;height:30px;overflow:hidden;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #13172220}
.marketing-chat-messages article>span img{display:block;width:100%;height:100%;object-fit:cover}
.marketing-chat-messages .message-stack{display:grid;max-width:82%}.marketing-chat-messages p{margin:0;padding:11px 13px;border:1px solid #e6e7ea;border-radius:16px 16px 16px 5px;background:#fff;color:#1a1b1e;font-size:14px;line-height:1.5;box-shadow:0 3px 12px #1418210a}
.marketing-chat-messages article.customer{justify-content:flex-end}.marketing-chat-messages article.customer p{border-color:#050505;border-radius:16px 16px 5px 16px;background:#050505;color:#fff}.marketing-chat-messages .delivery{justify-self:end;margin:4px 4px 0;color:#858b96;font-size:9px}.marketing-chat-messages article.system{display:block;margin:11px auto;color:#858b96;font-size:10px;font-weight:750;text-align:center}.marketing-chat-messages article.typing p{display:flex;gap:4px;padding:13px 15px}.marketing-chat-messages article.typing p i{width:5px;height:5px;border-radius:50%;background:#858b96;animation:chatTyping 1s infinite ease-in-out}.marketing-chat-messages article.typing p i:nth-child(2){animation-delay:.15s}.marketing-chat-messages article.typing p i:nth-child(3){animation-delay:.3s}@keyframes chatTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
.marketing-chat-panel form{display:grid;gap:8px;padding:12px 13px 13px;border-top:1px solid #eceef2;background:#fff}
.marketing-chat-panel form label{display:grid;gap:3px}.marketing-chat-panel form label span{color:#757b87;font-size:9px;font-weight:850;text-transform:uppercase}
.marketing-chat-panel input,.marketing-chat-panel textarea{box-sizing:border-box;width:100%;border:1px solid #dfe2e7;border-radius:10px;background:#fff;color:#17191e;font:600 13px Urbanist,Arial,sans-serif;outline:0}
.marketing-chat-panel input{padding:9px}.marketing-chat-panel textarea{min-height:72px;padding:10px;resize:none}
.marketing-chat-panel input:focus,.marketing-chat-panel textarea:focus{border-color:#8b9099;box-shadow:0 0 0 3px #f0f1f3}
.marketing-chat-panel form>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.marketing-chat-panel form>div small{color:#777f8d;font-size:10px}
.marketing-chat-panel form>div button{min-width:92px;padding:10px 15px;border:0;border-radius:10px;background:#050505;color:#fff;font:850 13px Urbanist,Arial,sans-serif;cursor:pointer}.marketing-chat-panel form>div button:disabled{opacity:.55}
@media(max-width:600px){.marketing-chat{right:14px;bottom:14px}.marketing-chat-launcher b{display:none}.marketing-chat-launcher{padding-right:8px}.marketing-chat-panel{bottom:61px;height:min(600px,calc(100vh - 88px))}.marketing-chat-messages{height:342px}}