    <style>
        /* Styles de base pour le carousel */
        .hs-logo-carousel {
            --gap: 24px;
            --radius: 16px;
            --bg-tint: #ffffff;
            --card-border: rgba(255,111,160,.2);
            
            position: relative;
            padding: 40px 0;
            margin: 20px 0;
            overflow: hidden;
            background-color: var(--bg-tint);
        }
        
        .hs-logo-carousel__inner {
            position: relative;
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 50px;
            margin-top : 50px;
        }
        
        .hs-logo-track {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
            gap: 16px;
            padding: 10px 0;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        
        .hs-logo-track::-webkit-scrollbar {
            display: none;
        }
        
        .hs-logo-card {
            flex: 0 0 auto;
            width: 282px;
            height: 128px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--radius);
            padding: 15px;
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
            border-radius: 24px;
            border: 1px solid #ddd;
            box-shadow: 0 0 0 1px linear-gradient(to right, #FC7C10, #FA700F, #F6570E, #EF300B, #E90C09);
        }
        
        .hs-logo-card img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }
        
        .hs-logo-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: white;
            border: 1px solid #ddd;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            transition: all 0.2s ease;
        }
        
        .hs-logo-nav:hover {
            background: #f5f5f5;
        }
        
        .hs-logo-nav.prev {
            left: 0;
        }
        
        .hs-logo-nav.next {
            right: 0;
        }
        
        .hs-logo-nav svg {
            width: 24px;
            height: 24px;
        }
/* Mobile-first tweaks */
@media (max-width: 768px){
  .hs-logo-carousel__inner{
    max-width: 340px;
    padding: 0 16px;
  }

  .hs-logo-track{
    gap: 12px;
    padding: 0;
    scroll-snap-type: x mandatory;      /* snap carte-par-carte */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .hs-logo-card{
    flex: 0 0 auto;
    width: clamp(140px, 72vw, 260px);   /* s’adapte au viewport */
    height: clamp(72px, 22vw, 120px);   /* garde des logos lisibles */
    scroll-snap-align: start;
    border-radius: 16px;
    padding: 12px;
  }

  .hs-logo-card img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* On masque les flèches en mobile si tu les remets */
  .hs-logo-nav{ display: none; }
}

/* (Optionnel) éviter l’effet “bord coupé” sur desktop */
.hs-logo-carousel{
  overflow: hidden;
}

    </style>