/*
 * Дополнения к вёрстке раздела ПРОМО.
 *
 * Сама сборка лежит в web/promo-assets и остаётся копией dist — этот файл наш,
 * чтобы пересборка фронта его не затирала.
 *
 * Зачем нужен: живой виджет Discord (блок footer_discord_widget) подставляется
 * вместо скриншота и приходит с width="100%" height="100%". Правила для
 * .footer__discord в сборке есть только в @media (max-width: 767px), поэтому на
 * десктопе у контейнера высота auto и процентная высота iframe схлопнулась бы в
 * дефолтные 150px. Размеры задаём здесь, ориентацию берём с прежних скриншотов:
 * на десктопе компактная карточка шириной как колонка виджета на сайте (281px),
 * на мобиле — во всю ширину, как мобильный скриншот 560x732.
 * Высота десктопа 205px подобрана заказчиком (чат Expanse Web Dev, 11.09.2026):
 * шапка, пара участников и кнопка Join Discord.
 */

.footer__discord iframe {
  display: block;
  width: 100%;
  max-width: 300px;
  height: 205px;
  border: 0;
}

@media (max-width: 767px) {
  .footer__discord iframe {
    max-width: none;
    height: 480px;
  }
}