/* Б-02 Первый экран, элемент b-hero__visual--devices — экраны 1С и ТСД вместо иллюстрации («WMS для 1С»). Источник: пакет C задачи 6.4 */

.b-hero__visual--devices {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: var(--space-4);
  height: auto;
  padding: var(--space-4);
}

.b-hero__visual--devices .c-device--tsd {
  width: 5.5rem;
  margin-bottom: calc(-1 * var(--space-6));
}

.b-hero__visual--devices .c-placeholder {
  padding: var(--space-2);
  font-size: var(--fs-caption);
}

@media (min-width: 1024px) {
  .b-hero__visual--devices {
    height: auto;
    padding: var(--space-5) var(--space-5) var(--space-3);
  }

  .b-hero__visual--devices .c-device--tsd {
    width: 7.5rem;
  }
}