/* Правки под телефон (08–09.11.2026): длинные заголовки вылезали за экран, кнопка «Настройки cookies» перекрывала ссылки.
   Слова НЕ режем переносами: вместо этого на узком экране заголовки просто меньше, чтобы самое длинное слово помещалось целиком. */
html, body { overflow-x: hidden; }
@media (max-width: 520px) {
  h1, h2, h3, h4, p, li { overflow-wrap: normal; word-break: normal; hyphens: manual; }
  .section-heading h2, .course-section__copy h2, .contacts h2, h2 { font-size: clamp(26px, 7.4vw, 40px); line-height: 1.12; max-width: 100%; }
  .hero h1 { font-size: clamp(30px, 8.8vw, 46px); line-height: 1.08; }
  .course-section__visual p { font-size: clamp(26px, 7.4vw, 42px); line-height: 1.12; }
  .faq-block__heading h3 { font-size: clamp(26px, 7vw, 37px); }
  .work-gallery__intro h3 { font-size: clamp(24px, 6.5vw, 32px); }
  /* карточка программы: заголовок и время в одну строку не влезают — время уходит под заголовок */
  .program-card h3 { font-size: clamp(22px, 6.2vw, 28px); }
  .program-card__content > div { flex-wrap: wrap; gap: 6px 12px; }
  .program-card__content > div h3 { flex: 1 1 100%; }
  section, .course-section__copy { box-sizing: border-box; max-width: 100vw; }
  /* маленькая кнопка настроек cookies — выше нижней панели и в самый угол, чтобы не ложилась на текст */
  .analytics-settings { bottom: 72px; left: auto; right: 10px; font-size: 9px; opacity: .85; }
}