/* ============================================================
   Avrile — Trusted
   Logo wall : 2 rangées de 6 logos.
   ============================================================ */

.avr-trusted {
  padding: 56px var(--avr-space-gutter) 64px;
  background: var(--avr-bg);
  width: 100%;
}

/* ----------------------------------------------------------
   Label
---------------------------------------------------------- */
.avr-trusted__inner {
  width: 100%;
  max-width: var(--avr-max-content);
  margin: 0 auto;
}

.avr-trusted__label {
  display: block;
  margin-bottom: var(--avr-space-xs);
}

/* ----------------------------------------------------------
   Grille — 2 rangées de 6
---------------------------------------------------------- */
.avr-trusted__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  width: 100%;
  max-width: var(--avr-max-content);
  margin: 28px auto 0;
}

/* ----------------------------------------------------------
   Cellule
---------------------------------------------------------- */
.avr-trusted__cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 16px 12px;
  overflow: hidden;
}

.avr-trusted__cell img {
  width: 100%;
  height: clamp(44px, 4.8vw, 68px);
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.avr-trusted__cell:hover img {
  transform: scale(1.08);
}

/* ----------------------------------------------------------
   Responsive
---------------------------------------------------------- */
@media (max-width: 720px) {
  .avr-trusted {
    padding: 48px var(--avr-space-gutter) 56px;
  }

  .avr-trusted__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 480px) {
  .avr-trusted__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}