/* Преимущества. Figma: pc инстансы 611:3854 / 611:3858 / 611:3862 (458×114, left 261/731/1201, top 634),
   mb инстанс 611:4519 → компонент 611:1738 (362×246, left 14, top 536).
   Отступ от баннера: pc 634 − 622 = 12, mb 536 − 524 = 12. Шаг pc по X 470 → gap 12. */

.advantages {
  padding-top: 12px;
}

.advantages__list {
  display: flex;
  gap: 12px;
}

/* Карточка в flex: иконка 48px + текст в ряд, зазор 15px (из замера: 96 − 33 − 48 = 15).
   min-height: 114px вместо жесткой высоты: контент растягивает плитку. */
.advantages__item {
  display: flex;
  align-items: flex-start;
  flex: 0 0 458px;
  width: 458px;
  min-height: 114px;
  padding: 33px;
  gap: 15px;
  border-radius: var(--r-card);
  background: var(--white);
  overflow: hidden;
}

/* Плашка иконки: 48×48, radius 14, фон rgba(48,86,132,0.05).
   flex-shrink: 0 удерживает форму при растяжении текста. */
.advantages__icon {
  flex-shrink: 0;
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: var(--r-btn);
  background: var(--brand-05);
  overflow: hidden;
}

/* Иконка 36×36, left 6, по центру по вертикали */
.advantages__icon img {
  position: absolute;
  left: 6px;
  top: 50%;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
}

/* Verified Check в Figma смещён на top 6, а не по центру (611:3860, 611:1749) */
.advantages__item--pure .advantages__icon img {
  top: 6px;
  transform: none;
}

/* Текст pc: Rubik Regular 20px, в потоке без абсолюта */
.advantages__text {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  color: var(--brand);
  opacity: 0.7;
  white-space: pre-wrap;
}

/* mb: одна строка на карточку — текст компонента без переопределений */
.advantages__text--mb {
  display: none;
}

@media (max-width: 1199px) {
  /* mb: три карточки 362×74, top 0 / 86 / 172 → gap 12 */
  .advantages__list {
    flex-direction: column;
    gap: 12px;
  }

  /* В mb карточка центрирует иконку и текст по вертикали (padding 13px центрирует 48px в 74px),
     зазор 12px (82 − 22 − 48 = 12). */
  .advantages__item {
    align-items: center;
    flex: 0 0 auto;
    width: 100%;
    min-height: 74px;
    height: auto;
    padding: 13px 14px 13px 22px;
    gap: 12px;
  }

  .advantages__text {
    display: none;
  }

  .advantages__text--mb {
    display: block;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--brand);
    opacity: 0.7;
  }

  /* Порядок mb (611:1738): чистота → доставка → оплата */
  .advantages__item--pure { order: 1; }
  .advantages__item--delivery { order: 2; }
  .advantages__item--pay { order: 3; }
}