/* Style personnalisé pour le carousel categories home */
    .carousel-container {
      max-width: 1200px;
      margin: 0 auto;
    }
    .swiper-slide {
      text-align: center;
      cursor: pointer;
      transition: transform 0.3s;
    }
    .swiper-slide:hover {
      transform: scale(1.05);
    }
    .swiper-slide img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 8px;
    }
    .category-title {
      margin-top: 10px;
      font-weight: bold;
      color: #333;
    }


.category-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative; /* Nécessaire pour le positionnement absolu */
}

.category-icon {
  position: absolute;
  bottom: 0; /* Positionne l'image en bas du conteneur */
  left: 50%;
  transform: translateX(-50%); /* Centre horizontalement */
  width: 170px !important; /* Largeur de l'image (ajuste selon besoin) */
  height: auto !important;
  z-index: 10; /* Assure que l'image est au-dessus des bandes */
  margin-bottom: 10px; /* Espace entre l'image et le bas du conteneur (optionnel) */
}

    .category-top {
      background-color: #df8844;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
	  border-radius: 20px 20px 0px 0px;
    }
    .category-top h4{
      color: white;
      font-weight: bold;
      font-size: 1.2rem;
	  padding-bottom: 65px;
    }	
    .category-middle {
      background-color: #f3e8d8;
      height: 10px;
    }
    .category-bottom {
      background-color: #77afbc;
      height: 40px;
	  border-radius: 0px 0px 20px 20px;
    }