/* Desktop: 3 colonnes */
.experience-listings .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* Desktop: largeur auto pour les colonnes */
.experience-listings .grid .exp-col {
  width: auto;
}

/* Mobile: slider */
@media (max-width: 767px) {
  .experience-listings .grid { display: block; margin: 0; }
  .experience-listings .grid .exp-col { margin-bottom: 16px; }
  .experience-listings .grid.slick-initialized .exp-col { margin-bottom: 0; }

  .experience-listings .grid.slick-slider { margin: 0 -8px; }
  .experience-listings .grid .slick-slide { padding: 0 8px; }
  .experience-listings .grid .exp-col { width: 100%; }

  /* dots */
  .experience-listings .slick-dots { text-align: center; padding: 10px 0; }
  .experience-listings .slick-dots li { display: inline-block; margin: 0 5px; }
  .experience-listings .slick-dots li button {
    font-size: 0; width: 10px; height: 10px; background: #ccc; border: none; border-radius: 50%; cursor: pointer;
  }
  .experience-listings .slick-dots li.slick-active button { background: #0073aa; }

  /* images centrées */
  .experience-listings img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
  }

  .experience-listings .slick-list,
  .experience-listings .slick-track { height: auto !important; }
}