/* Module Services */
.services__list { display: grid; gap: var(--space-5); }
.services__card {
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--c-white); border: 1px solid var(--c-sky-100); border-radius: var(--radius-lg); box-shadow: var(--shadow);
}
.services__image { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.services__body { display: flex; flex-direction: column; gap: var(--space-3); flex: 1; padding: var(--space-5); }
.services__name { display: flex; align-items: center; gap: var(--space-2); }
.services__icon { color: var(--c-blue-700); }
.services__description { color: var(--c-text-muted); flex: 1; }
.services__cta { align-self: flex-start; }

@media (min-width: 640px) { .services__list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .services__list { grid-template-columns: repeat(3, 1fr); } }

/* Dernière carte seule sur sa ligne : elle s'affiche en large, image à gauche */
@media (min-width: 640px) and (max-width: 1023px) {
  .services__card:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; }
  .services__card:last-child:nth-child(odd) .services__image { flex: 0 0 45%; width: 45%; aspect-ratio: auto; min-height: 15rem; max-height: 20rem; }
}
@media (min-width: 1024px) {
  .services__card:last-child:nth-child(3n + 1) { grid-column: 1 / -1; flex-direction: row; }
  .services__card:last-child:nth-child(3n + 1) .services__image { flex: 0 0 45%; width: 45%; aspect-ratio: auto; min-height: 15rem; max-height: 20rem; }
}
