.mk-messenger{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9997;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  font-family:inherit;
}

.mk-messenger__toggle{
  appearance:none;
  width:56px;
  height:56px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#f4512c;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(244,81,44,.34);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.mk-messenger__toggle:hover{
  transform:translateY(-2px);
  background:#e84522;
  box-shadow:0 14px 32px rgba(244,81,44,.40);
}

.mk-messenger__toggle:focus-visible,
.mk-messenger__item:focus-visible,
.mk-footer-messenger:focus-visible{
  outline:2px solid #f4512c;
  outline-offset:3px;
}

.mk-messenger__toggle svg{
  width:25px;
  height:25px;
  display:block;
}

.mk-messenger__panel{
  width:246px;
  padding:10px;
  border:1px solid rgba(37,39,37,.10);
  border-radius:18px;
  background:#f7f3eb;
  color:#252725;
  box-shadow:0 18px 46px rgba(20,22,20,.20);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px) scale(.98);
  transform-origin:bottom right;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}

.mk-messenger.is-open .mk-messenger__panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.mk-messenger__title{
  padding:8px 8px 10px;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.mk-messenger__title strong{
  font-size:15px;
  line-height:1.25;
  font-weight:650;
}

.mk-messenger__title span{
  font-size:12px;
  line-height:1.35;
  color:rgba(37,39,37,.58);
}

.mk-messenger__item{
  min-height:48px;
  padding:0 10px;
  border-radius:12px;
  color:#252725;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:600;
  transition:background .16s ease,transform .16s ease;
}

.mk-messenger__item:hover{
  background:#ebe5da;
  transform:translateX(2px);
}

.mk-brand-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
}

.mk-brand-icon svg{
  width:32px;
  height:32px;
  display:block;
}

.mk-brand-icon--max{
  border-radius:10px;
  background:linear-gradient(135deg,#471AFF 0%,#9500FF 52%,#00BFFF 100%);
  box-shadow:0 4px 12px rgba(71,26,255,.23);
}

.mk-brand-icon--max > span{
  color:#fff;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.mk-footer-messenger-wrap{
  margin:14px 0 18px;
}

.mk-footer-messengers{
  display:flex;
  align-items:center;
  gap:10px;
}

.mk-footer-messenger{
  width:32px;
  height:32px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  display:grid;
  place-items:center;
  text-decoration:none;
  transition:transform .16s ease,opacity .16s ease;
}

.mk-footer-messenger:hover{
  transform:translateY(-2px) scale(1.06);
  opacity:.92;
}

.mk-footer-messenger .mk-brand-icon{
  width:28px;
  height:28px;
  flex-basis:28px;
}

.mk-footer-messenger .mk-brand-icon svg{
  width:28px;
  height:28px;
}

.mk-footer-messenger .mk-brand-icon--max{
  border-radius:9px;
}

.mk-footer-messenger-caption{
  margin-top:8px;
  font-size:11px;
  line-height:1.3;
  letter-spacing:.02em;
  color:rgba(245,241,232,.58);
}

#wpvibe-preview-banner + .mk-messenger{
  bottom:88px;
}

@media (max-width:767px){
  .mk-messenger{
    right:14px;
    bottom:84px;
  }

  #wpvibe-preview-banner + .mk-messenger{
    bottom:146px;
  }

  .mk-messenger__toggle{
    width:52px;
    height:52px;
  }

  .mk-messenger__toggle svg{
    width:23px;
    height:23px;
  }

  .mk-messenger__panel{
    width:min(246px,calc(100vw - 28px));
  }
}

@media (prefers-reduced-motion:reduce){
  .mk-messenger__toggle,
  .mk-messenger__panel,
  .mk-messenger__item,
  .mk-footer-messenger{
    transition:none;
  }
}