/* MIRALIA — общие стили. Основная разметка и цвета записаны прямо в HTML (атрибут style). */

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }
img { max-width: 100%; }

/* Ссылки и кнопки при наведении */
a.wa:hover, a.donor-link:hover, button[type="submit"]:hover { filter: brightness(1.1); }
:focus-visible { outline: 3px solid #E3AA4E; outline-offset: 3px; }

/* Сообщение после отправки формы */
.form-note { margin: 0; font-size: 14px; color: #5E602F; }

/* Телефон: заголовки меньше, меню переносится */
@media (max-width: 700px) {
  .hero-title { font-size: 40px !important; }
  h2 { font-size: 32px !important; }
  header nav { gap: 14px !important; font-size: 14px !important; }
  section { padding-top: 64px !important; padding-bottom: 64px !important; }
}

/* Эмблема на первом экране не шире экрана телефона */
#top > div, #top-ar > div { min-width: 0; }