/* =================== hc-pdp-m1-motion.css =================== */
/* Extracted from 125-hc-pdp-m1.css: icon and interaction animation layer. */

@keyframes hc-pdp-m1-shake {
  0%,
  100% {
    transform: rotate(0);
  }

  20% {
    transform: rotate(-14deg);
  }

  40% {
    transform: rotate(12deg);
  }

  60% {
    transform: rotate(-8deg);
  }

  80% {
    transform: rotate(6deg);
  }
}

.hc-pdp-m1__act:hover .hc-pdp-m1__act-ico {
  background: linear-gradient(135deg, var(--hc-gold, #d4b896), #b89a6f);
  color: #2a2018;
}

.hc-pdp-m1__act[data-modal-open="telegram"]:hover .hc-pdp-m1__act-ico {
  transform: rotate(-12deg);
}

.hc-pdp-m1__act[data-modal-open="project"]:hover .hc-pdp-m1__act-ico {
  transform: translateY(-2px);
}

.hc-pdp-m1__act[data-modal-open="cheaper"]:hover .hc-pdp-m1__act-ico {
  transform: rotate(360deg);
  transition-duration: 0.8s;
}

.hc-pdp-m1__act[data-modal-open="stock"]:hover .hc-pdp-m1__act-ico {
  animation: hc-pdp-m1-shake 0.55s ease;
}

.hc-pdp-m1__act[data-modal-open="price"]:hover .hc-pdp-m1__act-ico {
  transform: translateY(2px);
}

.hc-pdp-m1__act[data-modal-open="engineer"]:hover .hc-pdp-m1__act-ico {
  transform: scale(1.18);
}

.hc-pdp-m1__act[data-modal-open="favorite"]:hover .hc-pdp-m1__act-ico {
  background: linear-gradient(135deg, #ff6b6b, #c0392b);
  color: var(--hc-paper, #ffffff);
  transform: scale(1.16);
}

.hc-pdp-m1__act[data-modal-open="docs"]:hover .hc-pdp-m1__act-ico {
  transform: translateY(-2px) rotate(-4deg);
}