/* ===== Animation CHỈ icon ===== */
@keyframes mhfi-wiggle {
  0%   { transform: rotate(0deg) scale(1); }
  8%   { transform: rotate(6deg) scale(1.04); }
  16%  { transform: rotate(-6deg) scale(1.04); }
  24%  { transform: rotate(5deg) scale(1.03); }
  32%  { transform: rotate(-5deg) scale(1.03); }
  40%  { transform: rotate(3deg) scale(1.02); }
  48%  { transform: rotate(-3deg) scale(1.02); }
  56%  { transform: rotate(0deg) scale(1); }
  100% { transform: rotate(0deg) scale(1); }
}

/* Container KHÔNG effect */
.mhfi-icon {
  position: fixed;
}

/* Link KHÔNG nền, KHÔNG bo */
.mhfi-link {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

/* Ảnh icon lắc */
.mhfi-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  animation: mhfi-wiggle 3.2s cubic-bezier(.36,.07,.19,.97) infinite;
  transform-origin: center;
}

/* Hover thì dừng lắc */
.mhfi-link:hover .mhfi-img {
  animation-play-state: paused;
}

/* ===== Nút X ===== */
.mhfi-close {
  position: absolute;
  top: -30px;        /* NẰM CAO HƠN ICON */
  right: -20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  background: #fff;
  color: #333;
  font-size: 20px;
  line-height: 30px;
  padding: 0;
  z-index: 2;
  min-height:auto;
  border: 1px solid #ccc;
}