/* Публичные страницы, вид 2 — 13.11.2026 (Boss 31057: «инфографика и информационная нагрузка неудобны, не современный вид»).
   Страницы — статический HTML со своим стилем внутри каждого файла (генератор _generator_v5.py мёртв с 15.08), поэтому
   правка одна, поверх всех: этот файл подключается последним и меняет только телефонный первый экран.
   Цель (аудит 13.11, 390×844): цена и кнопка действия — на первом экране; до них не больше заголовка и одного абзаца.
   Откат — убрать <link> на этот файл (одна строка в каждой странице, ставит scripts/seo-stranica-2.py). */
/* 13.11 (Boss 31063, ориентация): телефон боком — ширина 896, высота ~414; без условия по высоте альбомная оставалась со старым первым экраном. */
@media (max-width: 640px), (max-height: 500px) and (orientation: landscape) {
  .hero { padding: 18px 0 14px !important; }
  /* декоративный значок 56×56 перед заголовком — ~70 px до текста, пользы на телефоне нет */
  .hero .ibadge { display: none !important; }
  /* заголовок: широкий шрифт 32 px ломался в 2–3 строки и съедал полэкрана */
  .hero h1.display, h1.display { font-size: 23px !important; line-height: 1.18 !important; margin: 0 0 10px !important; letter-spacing: -0.01em; }
  /* первый абзац — ответ на вопрос (цена, как устроено): тёмный и читаемый, не бледно-серый */
  .hero .wrap > p:not(.brandline) { font-size: 16px !important; line-height: 1.45 !important; color: var(--tx, #2b2825) !important; margin: 0 0 14px !important; }
  /* повторяющаяся на каждой странице фраза про SAVI — на телефоне убираем из первого экрана */
  .hero .brandline { display: none !important; }
  /* кнопки входа: главная — крупная, второстепенные — компактнее, подписи мельче */
  .hero .dveri { margin: 0 0 12px !important; }
  .hero .dveri .dv1 { display: block; padding: 15px 16px !important; font-size: 16px !important; border-radius: 14px !important; text-align: center; }
  .hero .dveri .dv2 { padding: 11px 14px !important; font-size: 14px !important; }
  .hero .dveri small { font-size: 12px !important; line-height: 1.35 !important; margin: 3px 0 8px !important; }
  /* блок «Коротко» внутри первого экрана наследовал от .hero p бледный 18 px — читался как подпись, а это главный ответ */
  .hero .otvet { padding: 10px 14px !important; margin: 10px 0 14px !important; }
  .hero .otvet p { font-size: 15px !important; line-height: 1.5 !important; color: var(--tx, #2b2825) !important; margin: 4px 0 !important; }
  /* «Поделиться» — нужна (люди сами приводят людей), но не как отдельный ряд между заголовком и ценой */
  .hero .savi-podelitsya { margin: 0 0 10px !important; padding: 5px 12px !important; font-size: 13px !important; }
  /* плашки-преимущества: в два столбца мелко, а не столбиком на полэкрана */
  .hero .chips { margin-top: 4px !important; gap: 6px !important; }
  .hero .chip { font-size: 12px !important; padding: 5px 10px !important; }
}
/* 13.11 (Макс, Redmi 3 боком ~640×360): цена видна, а главная кнопка обрезана снизу. На низком экране боком —
   кнопки сразу под заголовком, абзац с ценой после них; «Поделиться» не растягиваем на всю ширину. */
@media (max-height: 500px) and (orientation: landscape) {
  .hero .wrap { display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
  .hero .wrap > * { order: 3; align-self: stretch; }
  .hero .wrap > h1 { order: 1; }
  .hero .wrap > .dveri { order: 2; }
  .hero .wrap > .savi-podelitsya { order: 4; align-self: flex-start; }
}
/* 13.11 (бледный логотип /rabota/ и ещё 106 страниц старой шапки): «SAVI» залит золотым градиентом, середина #fff6e3 почти белая
   на светлом фоне #faf8f4 — логотип читался пятном. Шапка на всех размерах экрана: логотип цветом текста темы (графит / светлый в тёмной). */
@media all {
  header .logo { background: none !important; color: var(--tx, #2b2825) !important; -webkit-text-fill-color: var(--tx, #2b2825) !important; }
}