/* Мобильная адаптация шапки и формы. Макет свёрстан инлайн-стилями, поэтому здесь !important.
   Подключается сборкой (tools/site/build.sh), сам макет не меняем: его перезаписывает новая выгрузка. */
@media (max-width: 640px) {
  header > div { padding: 10px 16px !important; gap: 12px !important; }
  header > div > a img { width: 30px !important; height: 30px !important; border-radius: 8px !important; }
  header > div > a span { font-size: 21px !important; }
  /* «Возможности» и «Поддержка» есть в футере; в шапке на телефоне только переключатель языка */
  header nav { gap: 8px !important; flex-wrap: nowrap !important; }
  header nav > a { display: none !important; }
  header nav > div a, header nav > div span { padding: 7px 10px !important; }

  main > section:first-child { padding: 28px 16px 56px !important; gap: 36px !important; }
  main > section:first-child > div:first-child { gap: 20px !important; }
  main h1 { font-size: 44px !important; line-height: 0.95 !important; }

  #signup { padding: 18px !important; border-radius: 20px !important; max-width: none !important; }
  #signup form { gap: 16px !important; }
  #signup form > div:first-child { font-size: 20px !important; }
  #signup button[type="button"] { padding: 11px 6px !important; font-size: 13px !important; line-height: 1.25 !important; }
  /* 16px в поле — иначе iOS увеличивает страницу при фокусе */
  #signup input { height: 50px !important; font-size: 16px !important; }
  #signup button[type="submit"] { height: 52px !important; }
}
@media (max-width: 360px) {
  main h1 { font-size: 38px !important; }
  header > div > a span { display: none !important; }
}
