/* Service grid: layout only. Card styling is shared with the slider (service-slider.css). */
.mh-service-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(var(--mh-grid-cols, 4), 1fr);
}

@media (max-width: 1199px) {
  .mh-service-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .mh-service-grid { grid-template-columns: 1fr; }
}

/* Narrower cards when 4 across */
.mh-service-grid .mh-service-card__body { padding-left: 16px; padding-right: 16px; }
.mh-service-grid .mh-service-card__title { font-size: 24px; }