/* ===== FIXED MESSENGERS (BIG + PRETTY) ===== */
#gh-messengers,
.gh-messengers,
.messengers,
.messengers-fixed{
  position: fixed !important;
  left: 18px !important;
  bottom: 150px !important;        /* выше, чтобы не цепляло низ */
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

/* круг */
#gh-messengers a,
.gh-messengers a,
.messengers a,
.messengers-fixed a{
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* красивый фон + тень */
  background: rgba(255,255,255,0.90) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.20) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;

  padding: 0 !important;
  text-decoration: none !important;

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* размер самой SVG-иконки внутри круга */
#gh-messengers img,
.gh-messengers img,
.messengers img,
.messengers-fixed img{
  width: 50px !important;
  height: 50px !important;
  display: block !important;
}

/* hover эффект */
#gh-messengers a:hover,
.gh-messengers a:hover,
.messengers a:hover,
.messengers-fixed a:hover{
  transform: translateY(-2px) scale(1.06) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.26) !important;
  filter: brightness(1.02) !important;
}

/* лёгкое “дыхание” */
@keyframes ghPulse {
  0%   { transform: scale(1);   }
  50%  { transform: scale(1.06); }
  100% { transform: scale(1);   }
}

#gh-messengers a,
.gh-messengers a,
.messengers a,
.messengers-fixed a{
  animation: ghPulse 2.6s ease-in-out infinite;
}

/* чуть разный ритм, чтобы не мигали одинаково */
#gh-messengers a:nth-child(2),
.gh-messengers a:nth-child(2),
.messengers a:nth-child(2),
.messengers-fixed a:nth-child(2){
  animation-delay: .6s;
}

/* мобилка: чуть меньше, чтобы не перекрывать контент */
@media (max-width: 767px){
  #gh-messengers,
  .gh-messengers,
  .messengers,
  .messengers-fixed{
    left: 5px !important;
    bottom: 120px !important;
  }

  #gh-messengers a,
  .gh-messengers a,
  .messengers a,
  .messengers-fixed a{
    width: 42px !important;
    height: 42px !important;
  }

  #gh-messengers img,
  .gh-messengers img,
  .messengers img,
  .messengers-fixed img{
    width: 42px !important;
    height: 42px !important;
  }
}