/* Transitions */
.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

/* Product card hover effect */
.product-card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Image zoom effect */
.img-zoom {
  transition: transform 0.5s;
}
.img-zoom:hover {
  transform: scale(1.05);
}

/* Button animations */
.btn-animate {
  transition: all 0.3s;
}
.btn-animate:hover {
  transform: translateY(-2px);
}

/* Loading spinner */
.spinner {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Mobile menu animation */
.mobile-menu-enter-active, .mobile-menu-leave-active {
  transition: all 0.3s ease;
}
.mobile-menu-enter, .mobile-menu-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
/* Thêm hiệu ứng mượt hơn */
#contact-panel {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: bottom right;
}

/* Đảm bảo z-index */
.fixed {
  z-index: 9999;
}

/* Style cho các link liên hệ */
#contact-panel a {
  @apply py-2 px-3 rounded-md hover:bg-gray-50;
}