/* ===== TOP MARQUES ===== */
.top-marques-section { padding: 30px 16px !important; }
.subsection-title { text-align: center; font-size: 18px; font-weight: 700; color: var(--color-text-heading); margin-bottom: 20px; }
.marques-scroll { overflow: visible; padding-left: 16px; padding-right: 16px; }
.marques-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  justify-items: center;
  justify-content: center;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 4px;
}
.marque-item { 
  display: flex;
  align-items: center; 
  justify-content: center; 
  height: 100px; 
  width: 100%;
 }
.marque-item img { max-height: 100px; max-width:100px; }


/* ===== DESKTOP BREAKPOINT ===== */
@media (min-width: 900px) {
    
    /* Top marques desktop */
    .subsection-title { font-size: 22px; }
    
    .marques-row { grid-template-columns: repeat(6, 1fr); gap: 40px; max-width: 1200px; }
    .marque-item img { max-height: 100px; max-width:150px; }

}