/* Мобильная вёрстка поверх style.css (волна C1, 09.10.2026). Исходников sass в теме нет — правки здесь.
   Тема на ≤760 px держит .h2/.h3 40 px (.news__title 44, .front__title 34), а самое длинное слово заголовков —
   «переоборудования» — в шрифте темы ≈ 9,3 размера шрифта: при 40 px это 370 px, шире экрана 320–375.
   Итог — прокрутка вбок или срезанный заголовок. hyphens:auto Chrome для русского применяет не везде,
   поэтому размер от ширины экрана + overflow-wrap как страховка (слово переносится, а не вылезает). */

@media (max-width: 450px) {
  .h2, .h3, .news__title, .documents__title { font-size: clamp(26px, 8.6vw, 36px); }
  .front__title .h2, .front__title .o1 { font-size: clamp(26px, 8.6vw, 34px); }
  .h1, .h2, .h3, .h4, .front__title {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  /* «Штрафстоянка» + значок: ширина по содержимому с зазором 50 px вылезала из карточки */
  .aftereffects__first .aftereffects__name { width: auto; gap: 10px; }

  /* SEO-текст услуги (блок рядом с блогом): .b1 — жирный 30 px, его H2 (1.5em) — 45 px; на 320 это
     ~12 знаков в строке, а «переоборудование» в H2 (399 px) шире экрана */
  .news__sidebar .b1 { font-size: 20px; line-height: 1.35; }
  .news__sidebar .text h2 { font-size: clamp(22px, 7vw, 26px); }
  .news__sidebar .text h3 { font-size: clamp(20px, 6vw, 22px); }

  /* Карточки блога: «Переоборудование» 24 px (225 px) не помещалось в карточку до 374 px */
  .news__item { padding-left: 28px; padding-right: 28px; }
  .news__item .name { font-size: clamp(18px, 6.4vw, 24px); }
}

@media (max-width: 359px) {
  /* «Узнать стоимость» в карточке и в попапе (ширина 200 px) переносилась на 2 строки, кнопка росла,
     а синий круг .btn::before (120 % высоты кнопки) закрывал текст */
  .btn-pr, .indicators__last .btn { padding: 24px 20px 24px 24px; font-size: 16px; }

  /* «Штрафстоянка» 24 px (176 px) + значок не помещаются в 220 px — зелёная подложка значка наезжала на текст */
  .aftereffects__first .aftereffects__name { font-size: 21px; }

  /* Блок «2300+ авто — от Газели до Хаммера»: отступ 80 + ширина 230 не помещаются в 280 px колонки */
  .indicators__subtitle { margin-left: 50px; }
  .indicators__subtitle .first::before { translate: -15px -10px; }
  .indicators__subtitle .first::after { translate: -15px 10px; }
}