/* ==========================================================================
   Page « Nos résultats » — carrousel avant/après + FAQ
   ========================================================================== */

.section--resultats { background: var(--mocka-fond); padding: 40px 0 56px; margin-top: 44px; }
.carrousel--resultats { padding: 0 70px; }
.carrousel--resultats .carrousel__piste { gap: 4px; }
.carrousel--resultats .carrousel__slide { width: calc((100% - 12px) / 4); }
.carrousel--resultats .carrousel__slide img { width: 100%; height: 300px; object-fit: cover; display: block; }
.carrousel--resultats .carrousel__cta {
  position: absolute;
  bottom: 14px; right: 14px;
  background: rgba(255, 255, 255, .92);
  color: var(--brun);
  font-size: 13px;
  padding: 6px 14px;
}

@media (max-width: 1024px) {
  .carrousel--resultats .carrousel__slide { width: calc((100% - 8px) / 2); }
}

@media (max-width: 860px) {
  .section--resultats { margin-top: 30px; }
  .carrousel--resultats { padding: 0 44px; }
  .carrousel--resultats .carrousel__slide { width: 100%; }
  .carrousel--resultats .carrousel__slide img { height: 260px; }
}