/* Homepage services only: show every card in the mobile page flow. */
@media (max-width: 700px) {
  .services .service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-right: 0;
    padding-right: 0;
    overflow: visible;
    scroll-snap-type: none;
  }
  .services .service-card,
  .services .service-card:last-child {
    display: block;
    grid-column: auto;
    width: 100%;
    min-width: 0;
    flex: none;
    scroll-snap-align: none;
  }
  .services .service-card > img,
  .services .service-card:last-child > img {
    display: block;
    width: 100%;
    height: 130px;
    object-fit: cover;
  }
  .services .service-card > div { min-height: 0; padding: 14px 14px 48px; }
  .services .service-card h3 { font-size: 15px; line-height: 1.25; }
  .services .service-card p { font-size: 14px; line-height: 1.4; }
}
@media (max-width: 359px) {
  .services .service-grid { grid-template-columns: minmax(0, 1fr); }
  .services .service-card > img,
  .services .service-card:last-child > img { height: 150px; }
}