/* Styles pour rendre l'animation "Partagent leur avis" responsive */
@media (max-width: 767px) {
  .feedback-animation-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .feedback-animation-container .exemple_meta {
    width: 100%;
    max-width: 400px;
    max-height: 200px;
    overflow: hidden;
  }

  .roas-feature-img.feedback-img-wrapper {
    min-height: 460px;
  }

  /* Conteneur pour le carrousel de commentaires */
  .comments-column-area {
    position: relative;
    width: 100%;
    max-width: 400px;
    min-height: 160px; /* Hauteur pour éviter que la page ne saute */
  }

  /* Style de base pour les commentaires dans le carrousel */
  .feedback-comment-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0; /* Caché par défaut, géré par JS */
    transition: opacity 0.5s ease-in-out; /* Effet de fondu */
  }
}