/* Corrections spécifiques pour l'affichage mobile du banner */

/* Restaurer l'affichage mobile original */
@media (max-width: 991px) {
  .banner-4 {
    height: auto !important;
    overflow: visible !important;
  }
  
  .banner-item-4 {
    min-height: auto !important;
    height: auto !important;
    padding-top: 80px;
    display: block !important;
  }
  
  .banner-active {
    height: auto !important;
  }
  
  .banner-active .swiper-wrapper {
    height: auto !important;
  }
  
  .banner-active .swiper-slide {
    height: auto !important;
  }
  
  .banner-thumb-4 {
    height: auto !important;
    display: block !important;
    max-width: 500px;
    margin: auto;
  }
  
  .banner-thumb-4 img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width: 450px) {
  .banner-item-4 {
    padding-top: 60px;
  }
  
  .banner-thumb-4 {
    max-width: 350px;
  }
}

/* Assurer que le contenu reste bien affiché sur mobile */
@media (max-width: 991px) {
  .banner-item-4 .container {
    height: auto !important;
    display: block !important;
  }
  
  .banner-item-4 .row {
    height: auto !important;
    align-items: flex-start !important;
  }
  
  .banner-content-4 {
    margin-bottom: 30px;
  }
}