.messenger-widget{
    position:fixed;right:18px;bottom:18px;z-index:95;
    display:flex;flex-direction:column;align-items:flex-end;gap:10px;
}
.mw-toggle{
    width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;
    background:linear-gradient(135deg,#6d28d9,#ec4899);color:#fff;
    box-shadow:0 12px 30px rgba(109,40,217,.5);
    display:flex;align-items:center;justify-content:center;
    transition:transform .25s ease, box-shadow .25s ease;
    position:relative;
}
.mw-toggle:hover{transform:scale(1.08);box-shadow:0 16px 40px rgba(109,40,217,.6)}
.mw-toggle::before{
    content:"";position:absolute;inset:-4px;border-radius:50%;
    border:2px solid rgba(109,40,217,.4);
    animation:mwPulse 2s ease-out infinite;
}
@keyframes mwPulse{
    0%{transform:scale(1);opacity:1}
    100%{transform:scale(1.4);opacity:0}
}
.mw-icon-close{display:none}
.messenger-widget.open .mw-icon-default{display:none}
.messenger-widget.open .mw-icon-close{display:flex}
.messenger-widget.open .mw-toggle::before{display:none}

.mw-items{
    display:flex;flex-direction:column;gap:10px;align-items:flex-end;
    pointer-events:none;
}
.mw-item{
    width:50px;height:50px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;text-decoration:none;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
    opacity:0;transform:translateY(20px) scale(.5);
    transition:opacity .3s, transform .3s, box-shadow .2s;
    pointer-events:none;position:relative;
}
.mw-item:hover{box-shadow:0 12px 26px rgba(0,0,0,.3);transform:translateY(0) scale(1.1)}
.messenger-widget.open .mw-item{
    opacity:1;transform:translateY(0) scale(1);
    pointer-events:auto;
    transition-delay:var(--mw-delay,0ms);
}
.mw-telegram{background:#229ED9}
.mw-whatsapp{background:#25D366}
.mw-max{background:#ff6b00}
.mw-phone{background:#10b981}
.mw-viber{background:#7360F2}
.mw-vk{background:#0077FF}
.mw-default{background:#6d28d9}

.mw-tooltip{
    position:absolute;right:60px;top:50%;transform:translateY(-50%);
    background:#0f172a;color:#fff;padding:6px 12px;border-radius:8px;
    font-size:13px;font-weight:500;white-space:nowrap;
    opacity:0;pointer-events:none;transition:opacity .15s;
}
.mw-tooltip::after{
    content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);
    border:5px solid transparent;border-left-color:#0f172a;
}
.mw-item:hover .mw-tooltip{opacity:1}

@media(max-width:600px){
    .messenger-widget{right:12px;bottom:12px}
    .mw-toggle{width:54px;height:54px}
    .mw-item{width:46px;height:46px}
    .mw-tooltip{display:none}
}