/* ==========================================================================
   ON VOUGA — services.css
   ========================================================================== */

.services-list{ padding: 88px 0 40px; background: var(--white); }
.services-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service-card{
  background: var(--grey-100);
  border-radius: var(--radius-md);
  padding: 30px 26px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-card); }
.service-icon{
  width: 50px; height: 50px; border-radius: 14px; margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center;
  background: color-mix(in srgb, var(--tint) 15%, white); color: var(--tint);
}
.service-card h3{ font-size: 17px; margin-bottom: 8px; }
.service-card p{ font-size: 14px; color: var(--ink-soft); line-height: 1.6; }
@media (max-width: 900px){ .services-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px){ .services-grid{ grid-template-columns: 1fr; } }

/* .pricing / .price-card / .faq / .accordion : voir common.css (partagé avec l'Accueil) */