.smq-chat{position:fixed;right:22px;bottom:22px;z-index:9998;font-family:Lato,sans-serif;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.smq-chat-btn{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;cursor:pointer;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s}
.smq-chat.is-ready .smq-chat-btn{opacity:1;transform:none}
.smq-chat-label{background:#0f4b41;color:#fff;font-family:Jost,sans-serif;font-weight:600;font-size:.95rem;padding:9px 16px;border-radius:99px;box-shadow:0 6px 18px rgba(5,69,33,.25);transition:background .2s}
.smq-chat-ic{position:relative;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(37,211,102,.45),0 2px 6px rgba(0,0,0,.15);transition:transform .2s}
.smq-chat-ic svg{width:32px;height:32px}
.smq-chat-ic:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:smqRing 2.4s ease-out infinite}
@keyframes smqRing{0%{transform:scale(1);opacity:.7}80%,100%{transform:scale(1.55);opacity:0}}
.smq-chat-btn:hover .smq-chat-ic,.smq-chat-btn:focus-visible .smq-chat-ic{transform:scale(1.07)}
.smq-chat-btn:hover .smq-chat-label{background:#90b723}
.smq-chat-btn:focus-visible .smq-chat-ic{outline:3px solid #90b723;outline-offset:3px}
.smq-chat.is-open .smq-chat-ic:after{animation:none;opacity:0}
.smq-chat-card{width:330px;max-width:calc(100vw - 32px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(5,40,30,.28);animation:smqUp .25s ease}
.smq-chat-card[hidden]{display:none}
@keyframes smqUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.smq-chat-top{display:flex;align-items:center;gap:12px;background:#0f4b41;color:#fff;padding:14px 14px 14px 16px}
.smq-chat-av{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}
.smq-chat-av img{width:30px;height:30px;margin:0}
.smq-chat-who{flex:1;display:flex;flex-direction:column;line-height:1.25}
.smq-chat-who strong{font-family:Jost,sans-serif;font-weight:600;font-size:1rem}
.smq-chat-who small{font-size:.8rem;color:#cfe2a3;display:flex;align-items:center;gap:6px}
.smq-chat-who small i{width:8px;height:8px;border-radius:50%;background:#25d366;display:inline-block}
.smq-chat-x{all:unset;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:22px;color:#fff;opacity:.85}
.smq-chat-x:hover{background:rgba(255,255,255,.12);opacity:1}
.smq-chat-msgs{background:#f2f7e1;padding:18px 16px}
.smq-chat-bubble{margin:0;background:#fff;border-radius:4px 14px 14px 14px;padding:12px 14px;font-size:.95rem;line-height:1.45;color:#151d2c;box-shadow:0 1px 2px rgba(0,0,0,.08);max-width:92%}
.smq-chat-acts{padding:14px 16px 16px}
.smq-chat-wa{display:flex!important;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:99px;background:#25d366;color:#fff!important;font-family:Jost,sans-serif;font-weight:600;font-size:1rem;text-decoration:none!important;transition:background .2s}
.smq-chat-wa:hover{background:#1ebe5b}
.smq-chat-wa svg{width:22px;height:22px}
.smq-chat-alt{display:flex;justify-content:center;gap:18px;margin-top:12px;font-size:.88rem}
.smq-chat-alt a{color:#0f4b41!important;font-weight:700;text-decoration:none}
.smq-chat-alt a:hover{color:#90b723!important}
@media (max-width:549px){.smq-chat{right:14px;bottom:14px}.smq-chat-label{display:none}.smq-chat-ic{width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.smq-chat-ic:after{animation:none}}
