
/* Bottom logos slider: 5 per slide desktop, 2 per slide mobile */
.bottom-logos { width: 100%; padding: 12px 0; }
.bottom-logos .briefing-logo-slider { position: relative; }
.bottom-logos .briefing-logo-slider .slider-viewport {
  overflow: hidden;
  width: 100%;
}
.bottom-logos .briefing-logo-slider .slider-track {
  display: flex;
  width: 100%;
  transform: translateX(0);
  transition: transform 500ms ease; /* slide transition */
  will-change: transform;
}
.bottom-logos .briefing-logo-slider .slide {
  flex: 0 0 100%; /* full viewport width */
  padding-inline: 0;
}
.bottom-logos .briefing-logo-slider .logo-grid {
  display: grid;
  grid-template-columns: repeat(var(--logos-cols, 5), minmax(0, 1fr));
  gap: 16px;
  align-items: center;
}
.bottom-logos .briefing-logo-slider .logo-cell {
  display: grid;
  place-items: center;
  height: 60px;
}

.bottom-logos .briefing-logo-slider .logo-cell a {
  text-align:center;
}

.bottom-logos .briefing-logo-slider .logo-cell img {
  width: 70%;
  height: 100%;
  object-fit: contain; /* fill cell without distortion */
}

/* Mobile: 2 per slide */
@media (max-width: 768px) {
  .bottom-logos { padding: 8px 0; }
  .bottom-logos .briefing-logo-slider .logo-grid {
    grid-template-columns: repeat(var(--logos-cols, 2), minmax(0, 1fr));
    gap: 12px;
  }
  .bottom-logos .briefing-logo-slider .logo-cell { height: 56px; }
}
