.service-card {
  transform-origin: center;
  cursor: pointer;
}

.service-card:hover,
.service-card:focus-within {
  animation: service-card-zoom 1.1s ease-in-out infinite;
  z-index: 3;
}

@keyframes service-card-zoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}

@media (prefers-reduced-motion: reduce) {
  .service-card:hover,
  .service-card:focus-within {
    animation: none;
    transform: scale(1.015);
  }
}