#bc-chat-button {
    position: fixed;
    width: 55px;
    height: 55px;
    background: #4f46e5;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 22px;
    z-index: 999999;
}

.bottom-right { bottom:20px; right:20px; }
.bottom-left { bottom:20px; left:20px; }
.top-right { top:20px; right:20px; }
.top-left { top:20px; left:20px; }
.middle-right { top:50%; right:20px; transform:translateY(-50%); }
.middle-left { top:50%; left:20px; transform:translateY(-50%); }

#bc-chat-popup {
    display:none;
    position:fixed;
    width:360px;
    height:520px;
    z-index:999999;
}


#bc-chat-popup,
#bc-chat-button {
    position: fixed;
}

/* Better spacing (attached look) */
.popup-bottom-right { bottom:80px; right:20px; }
.popup-bottom-left { bottom:80px; left:20px; }

.popup-top-right { top:80px; right:20px; }
.popup-top-left { top:80px; left:20px; }

.popup-middle-right { top:50%; right:20px; transform:translateY(-50%); }
.popup-middle-left { top:50%; left:20px; transform:translateY(-50%); }

/* Smooth animation */
#bc-chat-popup {
    opacity:0;
    transform:translateY(20px);
    transition:all 0.3s ease;
}

#bc-chat-popup.show {
    opacity:1;
    transform:translateY(0);
}

#bc-chat-button {
    bottom:20px;
    right:20px;
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
}

.bc-box {
    width:100%;
    height:100%;
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

iframe {
    width:100%;
    height:100%;
    border:none;
}

#bc-close {
    position:absolute;
    top:5px;
    right:10px;
    cursor:pointer;
}

@media(max-width:480px){
    #bc-chat-popup {
        width:100%;
        height:85%;
        bottom:0;
        left:0;
        right:0;
        border-radius:20px 20px 0 0;
    }
}