/* Секция «технологии ИИ» на главной: шапка с пояснением под заголовком и
   строка из четырёх подписей с иллюстративными иконками. */

/* Свой отступ секция обнуляет только на десктопе. */

.ai-tech__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-9);
}

/* Строка из четырёх иконок — единственное содержимое секции, без карточек
   и заливки вокруг. Стандартный размер .icon-badge (44/28) читается только
   внутри более насыщенных списков (маркетплейс, программа авторов); здесь
   плитку и иконку увеличиваем, чтобы ряд не терялся как самостоятельный блок. */
.ai-tech__list .icon-badge {
  width: 56px;
  height: 56px;
}

.ai-tech__list .icon-badge__art {
  width: 32px;
  height: 32px;
}

.ai-tech__list {
  display: grid;
  gap: var(--space-6);
  list-style: none;
}

@media (min-width: 768px) {
  .ai-tech__inner { gap: var(--space-10); }

  .ai-tech__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--space-6);
  }
}

@media (min-width: 1024px) {
  .ai-tech { padding-block: var(--section-padding) 0; }

  .ai-tech__inner { gap: var(--space-14); }

  .ai-tech__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-6);
  }
}

/* Иллюстративные иконки строки технологий. */
.icon-ai-conversations { --icon-image: url("../../img/icons/ai-conversations.svg"); }
.icon-context-aware-npc { --icon-image: url("../../img/icons/context-aware-npc.svg"); }
.icon-ai-scenario-creation { --icon-image: url("../../img/icons/ai-scenario-creation.svg"); }
.icon-ai-instructions-logic { --icon-image: url("../../img/icons/ai-instructions-logic.svg"); }