/* Плитки по четыре в ряд, как «Цифры результата»: линия сверху, логотипы, описание (стиль p из .case-content__content). */
.case-content__blocks > .case-integrations {
  grid-column: 1 / -1;
}

.case-integrations__title {
  margin-left: calc(50% + 1rem);
  margin-bottom: 4.8rem;
}

.case-integrations__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 8rem 2rem;
}

.case-integrations__item {
  border-top: 1px solid #d4d4d4;
  padding-top: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.case-integrations__logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2.4rem;
  min-height: 4.4rem;
}

/* Логотипы — SVG с полями: визуальный вес выравнивается подготовкой файла (поля сверху/снизу), высота у всех одна. */
.case-integrations__logo {
  display: block;
  height: 4.4rem;
  width: auto;
}

/* Несколько логотипов в одной плитке — чуть мельче, чтобы до соседней колонки оставался воздух. */
@media only screen and (min-width: 641px) {
  .case-integrations__logos:has(.case-integrations__logo + .case-integrations__logo) {
    gap: 2rem;
  }

  .case-integrations__logos:has(.case-integrations__logo + .case-integrations__logo) .case-integrations__logo {
    height: 3.8rem;
  }
}

@media only screen and (max-width: 1024px) {
  .case-integrations__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 640px) {
  .case-integrations__title {
    margin-left: 0;
    margin-bottom: 2rem;
  }

  .case-integrations__list {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 3.2rem;
    margin-bottom: 2rem;
  }

  .case-integrations__item {
    padding-top: 2.4rem;
    gap: 1.6rem;
  }

  .case-integrations__logos {
    gap: 2rem;
    min-height: 3.2rem;
  }

  .case-integrations__logo {
    height: 3.6rem;
  }
}