/* ===== CSS Voyageurs - Carousels - Classes harmonisées ===== */

/* Carousel générique - scrollbar cachée */
.lux-carousel::-webkit-scrollbar { display: none; }
.lux-carousel { -ms-overflow-style: none; scrollbar-width: none; }

/* Responsive pour header carousel */
@media (max-width:768px) {
  .lux-header h1 { font-size: 24px !important; }
  .lux-header p { font-size: 16px !important; }
  .lux-grid { gap: 16px !important; padding: 0 16px !important; }
  /* S'assurer que le container a du padding pour les boutons */
  .carousel-container { 
    padding-bottom: 90px !important; 
    overflow: visible !important;
    min-height: 550px !important;
  }
}

@media (min-width:1400px) {
  .lux-grid { gap: 28px !important; }
  /* S'assurer que le container a du padding pour les boutons */
  .carousel-container { 
    
    overflow: visible !important;
    min-height: 750px !important;
  }
}

@media (max-width:768px) {
  .modal-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
}