/* ============================================
   RÉDUCTION DES ESPACEMENTS ENTRE LES CARTES PROCESS SUR MOBILE
   ============================================ */

@media (max-width: 768px) {
  /* Réduire encore plus l'espacement entre les cartes */
  .section_home-process .process_card,
  .section_home-process .process-card-container > .process_card,
  .section_home-process .process-card-container .process_card {
    margin-bottom: 0.3rem !important; /* Encore plus réduit */
    margin-left: 15px !important; /* Marge à gauche de 15px */
    margin-right: 1rem !important; /* Marge à droite augmentée pour éviter que les cartes touchent le bord */
  }
  
  /* Réduire l'espacement du conteneur et ajouter des marges latérales */
  .section_home-process .process-card-container {
    padding-top: 8px !important; /* Encore plus réduit */
    padding-bottom: 0.2rem !important;
    padding-left: 0.75rem !important; /* Padding latéral augmenté pour éviter que les cartes touchent les bords */
    padding-right: 0.75rem !important;
  }
  
  /* Ajouter du padding à la section pour éviter que le contenu touche les bords */
  .section_home-process .process_content-right {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
}

@media (max-width: 480px) {
  /* Encore plus réduit sur très petits écrans */
  .section_home-process .process_card,
  .section_home-process .process-card-container > .process_card,
  .section_home-process .process-card-container .process_card {
    margin-bottom: 0.25rem !important;
    margin-left: 15px !important; /* Marge à gauche de 15px */
    margin-right: 0.75rem !important;
  }
  
  .section_home-process .process-card-container {
    padding-top: 6px !important;
    padding-bottom: 0.15rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  
  .section_home-process .process_content-right {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* Règle très spécifique pour forcer la marge gauche de 15px */
@media (max-width: 768px) {
  .section_home-process .process-card-container > .process_card,
  .section_home-process .process-card-container .process_card,
  .section_home-process .process_content-right .process-card-container .process_card {
    margin-left: 15px !important;
  }
}

@media (max-width: 480px) {
  .section_home-process .process-card-container > .process_card,
  .section_home-process .process-card-container .process_card,
  .section_home-process .process_content-right .process-card-container .process_card {
    margin-left: 15px !important;
  }
}