/* Desktop Overrides (Min-width 1024px) */
@media (min-width: 1024px) {
  /* Enforce hover effects only on devices that support them */
  .hover-effect:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }
}