/* legal.ua boost-1020 (20.10.2026). Linked from chunk 50 HEAD. Rollback: remove the boost-1020.css line in chunk 50. */

/* Home: the content form inside the collapsed "Читати повністю" box showed two orphan fields (Ім'я, E-mail)
   without a button. While collapsed it stays hidden; it comes back when the visitor expands the text.
   The full order form sits right below the text anyway. */
#main-page .more-block:not(.show-all-block) form.content-form { display: none; }

/* Home: order buttons under the H1 (same .kartka_knop look as on service pages). */
#main-page .home-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; margin: 6px auto 26px; max-width: 800px; padding: 0 16px; box-sizing: border-box; }
#main-page .home-cta .kartka_knop { margin: 0; float: none; }

@media (max-width: 480px) {
  /* Home on a phone: the map took 280 px of the first screen; keep it, smaller, so the H1 and the buttons fit. */
  #main-page .soti { padding-top: 8px; }
  /* 21.10: 176 -> 140 px. On a first visit the cookie bar (top at ~735 px of an 844 px screen) covered half of
     the second button; 36 px less map keeps both buttons above it. */
  #main-page .soti svg { max-height: 140px; }
  #main-page .soti + .line { margin-top: 12px; }
  #main-page .home-cta { margin-bottom: 18px; }
  #main-page .home-cta .kartka_knop { flex: 1 1 100%; max-width: 320px; text-align: center; }
}

/* News/article template (7) on phones: the month archive (100+ links, ~1800 px) stood above the article,
   the H1 started on the third screen. Below 768 px the archive is hidden; desktop keeps it in the left column. */
@media (max-width: 768px) {
  .content > .left_block > ul.elementary.drop-down { display: none; }
}

/* News hero image now carries width/height (no layout shift) and loads eagerly; keep its ratio when it shrinks. */
img.novost_kart { height: auto; }

/* Form hint "Достатньо телефону або e-mail" was #8a97a3 on white (2.98:1); darker grey of the same family, 5.6:1. */
form .lead-contact-hint { color: #566673; }