/* ============================================================
   🌿 BRANDS BAND — FOND BEIGE PREMIUM (SAFE PERF)
============================================================ */

.brands-band{
  overflow: hidden;
  padding: 25px;

  background:
    radial-gradient(
      1200px 500px at 50% -10%,
      rgba(255,255,255,0.55),
      rgba(255,255,255,0.0) 65%
    ),
    radial-gradient(
      900px 400px at 50% 40%,
      rgba(255,245,235,0.55),
      rgba(255,245,235,0.0) 70%
    ),
    linear-gradient(
      180deg,
      #f7ecdf 0%,
      #f4e6d6 45%,
      #f2e1cf 100%
    );
}

/* ============================================================
   TEXTE CENTRÉ
============================================================ */

.brands-inner{
  max-width: 1100px;
  text-align: center;
}

/* ============================================================
   STRIP FULL WIDTH — CADRE
============================================================ */

.brands-strip-viewport{
  width: 100vw;
  height: 140px;                /* hauteur de référence */
  overflow: hidden;

  margin-left: calc(50% - 50vw);

  display: flex;
  align-items: center;          /* centrage vertical */
}

/* ============================================================
   TRACK
============================================================ */

.brands-strip-track{
  display: flex;
  width: max-content;
  will-change: transform;
}

/* ============================================================
   IMAGE — CENTRAGE PAR HAUTEUR
============================================================ */

.brands-strip{
  width: 100vw;
  height: 100%;                 /* 🔥 clé */
  object-fit: contain;          /* logos respectés */
  flex-shrink: 0;
  display: block;
}

/* ============================================================
   MOBILE — STATIQUE
============================================================ */

@media (max-width: 800px){
  .brands-band{
    padding: 44px 14px;
  }

  .brands-strip-viewport{
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .brands-strip{
    width: 100%;
    height: auto;
  }
}