.horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 15px;
  }

  .horizontal-scroll::-webkit-scrollbar {
    height: 8px;
  }

  .horizontal-scroll::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 10px;
  }

  .featured-ad-card {
    position: relative;
    display: inline-block;
    width: 220px;
    height: 200px;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
  }

  .featured-ad-card:hover {
    transform: scale(1.05);
  }

  .featured-ad-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .ad-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #007bff;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
  }

.carousel-infinite-wrapper {
  overflow: hidden;
  position: relative;
}

.carousel-infinite-track {
  display: flex;
  flex-wrap: wrap;
  width: max-content;
  animation: scroll-left 60s linear infinite;
}

.category-item-box {
  flex: 0 0 auto;
  width: 140px;
  margin: 5px;
}

/* Masque la scrollbar */
.carousel-infinite-wrapper::-webkit-scrollbar {
  display: none;
}
.carousel-infinite-wrapper {
  -ms-overflow-style: none; /* IE 10+ */
  scrollbar-width: none; /* Firefox */
}

/* Animation infinie */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}