/* Мобильные правки ЭСС Энерго. */

@media (max-width: 768px) {

  /* Первый экран главной начинался на 60px, а фиксированная шапка занимает 69px —
     верхушка заголовка уходила под шапку. */
  .el-hero {
    padding-top: 88px;
  }

  /* iOS Safari увеличивает всю страницу, когда фокус попадает в поле
     с размером шрифта меньше 16px. Для формы заявки это критично. */
  input,
  select,
  textarea {
    font-size: 16px !important;
  }

  /* Кнопка меню была 30x24 — слишком мелкая цель для пальца */
  .ess-hdr-burger {
    min-width: 44px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Кнопки отправки — комфортная высота */
  .ess-popup-submit,
  .ess-diag-psubmit,
  .ess-audit-submit,
  .es-cta-submit,
  .gpu-cta-submit,
  .el-form-submit {
    min-height: 48px;
  }
}

/* Узкие экраны (iPhone SE, 320px).
   Колонка grid не сжималась ниже интринсивной ширины содержимого
   (min-width:auto у элементов сетки), из-за чего первый экран
   вылезал за пределы окна и страница ехала вбок. */
@media (max-width: 360px) {
  .ess-hero-grid > *,
  .es-hero-grid > *,
  .gpu-hero-grid > * {
    min-width: 0;
    max-width: 100%;
  }

  .ess-shell,
  .es-shell,
  .gpu-shell {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* Блок «Почему выбирают» на /energy имел фиксированную ширину контейнера */
  .es-trust,
  .es-trust *,
  .es-section-title,
  .es-trust-lede {
    max-width: 100%;
    box-sizing: border-box;
  }
}