/* ==========================================================================
   Блок логотипов ведомств и маркетплейсов — чистая адаптивная версия
   (заменяет Tilda Zero Block rec1923440221).
   Чёрный фон, три ряда логотипов-ссылок: гос-ведомства и маркетплейсы.
   Ширина каждого логотипа задаётся переменной --w на ссылке (значения из
   исходного макета 1200px); на мобильном масштабируется коэффициентом.
   ========================================================================== */

.logos-section {
  background-color: #000000;
  padding: 85px 0 65px;
}

.logos-section__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.logos-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 40px 48px;
  list-style: none;
  margin: 0 0 68px;
  padding: 0;
}

.logos-row:last-child {
  margin-bottom: 0;
}

.logos-row a {
  display: block;
}

.logos-row img {
  display: block;
  /* немного уменьшаем логотипы — за счёт этого space-between добавляет
     больше воздуха между ними, ряды выглядят разреженнее */
  width: calc(var(--w) * 0.88);
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 980px) {
  .logos-section {
    padding: 50px 0 45px;
  }
  .logos-row {
    justify-content: center;
    gap: 20px 28px;
    margin-bottom: 36px;
  }
  /* В исходном мобильном макете логотипы примерно вдвое меньше */
  .logos-row img {
    width: calc(var(--w) * 0.55);
  }
}