/* BRANDS SECTION */
.brands {
  padding: 4rem 0;
  background: #fff;
}

.brands-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
  color: #000;
}

/* сетка — 5 колонок на десктопе */
.brands-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  align-items: center;
  justify-items: center;
}

/* каждая ячейка фикс по высоте */
.brands-grid img {
  max-height: 60px;          /* одинаковая высота для всех */
  width: auto;               /* ширина подстраивается */
  object-fit: contain;       /* чтобы не растягивало */
  display: block;
  transition: transform 0.3s ease;
}

.brands-grid img:hover {
  transform: scale(1.1);
}

/* Mobile — две колонки */
@media (max-width: 768px) {
  .brands-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .brands-grid img {
    max-height: 50px;
  }
}