.chatbot-button{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#111;color:white;border:0;box-shadow:0 8px 25px rgba(0,0,0,.25);font-size:26px;cursor:pointer;z-index:9999}.chatbot-box{position:fixed;right:22px;bottom:92px;width:360px;max-width:calc(100vw - 40px);height:520px;background:#fff;border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;display:none;z-index:9999;font-family:Arial,sans-serif}.chatbot-header{background:#111;color:#fff;padding:16px;font-weight:700}.chatbot-messages{height:370px;overflow-y:auto;padding:16px;background:#fafafa}.msg{margin:10px 0;max-width:85%;padding:11px 13px;border-radius:14px;line-height:1.4;font-size:14px}.msg.user{background:#111;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.msg.bot{background:#fff;color:#222;border:1px solid #eee;border-bottom-left-radius:4px}.chatbot-input{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #eee}.chatbot-input input{flex:1;border:1px solid #ddd;border-radius:20px;padding:10px 13px;outline:none}.chatbot-input button{border:0;border-radius:20px;background:#111;color:#fff;padding:0 16px;cursor:pointer}.agent-btn{display:inline-block;margin-top:10px;background:#25D366;color:white;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:700}

.typing .bubble{
    display:flex;
    gap:6px;
    align-items:center;
}

.typing span{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#999;
    animation:typing 1.2s infinite;
}

.typing span:nth-child(2){
    animation-delay:.2s;
}

.typing span:nth-child(3){
    animation-delay:.4s;
}

@keyframes typing{

    0%{
        opacity:.2;
        transform:translateY(0);
    }

    50%{
        opacity:1;
        transform:translateY(-5px);
    }

    100%{
        opacity:.2;
        transform:translateY(0);
    }

}