/* HG Float Contact CSS */
.hg-float-contact{
  position: fixed;
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .4s ease, transform .4s ease;
  z-index: 99999;
}
.hg-float-contact.hg-show{
  opacity: 1;
  transform: translateY(0);
}

.hg-float-contact .hg-chat-zalo,
.hg-float-contact .hg-call-hotline{
  display:block;
  margin-bottom:10px;
  line-height:0;
}

.hg-float-contact a:hover img{
  opacity:.85;
  transform: scale(1.06);
  transition: transform .3s ease, opacity .3s ease;
}

/* responsive tweak */
@media (max-width: 480px){
  .hg-float-contact{
    top: auto !important;
  }
}


/* Hover shake for phone icon */
@keyframes hg-phone-shake {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1.0); }
  20%  { transform: translate(1px, 0) rotate(6deg)  scale(1.08); }
  40%  { transform: translate(-1px,0) rotate(-6deg) scale(1.08); }
  60%  { transform: translate(1px, 0) rotate(5deg)  scale(1.08); }
  80%  { transform: translate(-1px,0) rotate(-5deg) scale(1.08); }
  100% { transform: translate(0, 0) rotate(0deg)   scale(1.0); }
}

.hg-float-contact .hg-call-hotline a:hover img{
  animation: hg-phone-shake .6s ease-in-out infinite;
  opacity: .95;
}

/* If you prefer hover only on Zalo to keep scale, we leave it as general rule above */