/* === AI Chat theme (visual only) === */
ai-chat{
  --surface:#ffffff;
  --color-text:#0b1524;
  --color-muted:#4f5b76;
  --color-primary:#175ce1;
  --color-border:#d5dceb;

  /* Высота развёрнутого чата = окно минус шапка (JS ставит --vh для мобилок) */
  --ai-chat-full-height: calc(var(--vh, 100svh) - var(--nav-height, 64px));
}

/* Узкая колонка — по центру на ПК, на мобиле 100% */
.hero ai-chat{
  display:block;
  width:100%;
  max-width:720px;
  margin-left:auto;   /* центрируем горизонтально */
  margin-right:auto;
}

/* Центрирование по вертикали (как было) */
.hero__bullets + ai-chat{
  margin-top: auto;
  margin-bottom: auto;
}

/* Центрирование на странице тарифов (по вертикали) */
.hero__lead + ai-chat{
  margin-top: auto;
  margin-bottom: auto;
}

/* Центрирование, если перед чатом идёт ряд CTA-кнопок */
.hero__cta + ai-chat{
  margin-top: auto;
  margin-bottom: auto;
}

/* На мобиле — на всю ширину контейнера */
@media (max-width: 760px){
  .hero ai-chat{ max-width:100%; }
}

/* Поверх секций при разворачивании: выше контента, ниже фиксированной шапки */
ai-chat.is-expanded{
  position: relative;
  z-index: 900; /* шапка имеет z-index:1000 в main.css */
}