/* Общие исправления вёрстки (восстановление 11.2026). Подключается на всех страницах. */

/* 1. Индикатор в кнопке формы: id стал уникальным (hp_loading-1…),
      а правило скрытия в main.css написано для #hp_loading. */
[id^="hp_loading"] { display: none; }

/* 2. Шапка на телефоне после правки 01.09 стала двухстрочной (~100px),
      отступ контента остался 62/80px — верх страниц уходил под шапку.
      Точный отступ ставит mp-restore.js по высоте шапки; здесь запас без JS. */
@media (max-width: 767px) {
  .wrapper { padding-top: var(--mp-hdr, 100px); }
}

/* 3. WordPress вешает класс privacy-policy на <body> страницы политики,
      а в style.css он сужает «блок» до 57% — сужалась вся страница. */
body.privacy-policy { max-width: none; margin: 0; }
.page-template-page-polici .content .flex-block { display: block; }
.page-template-page-polici .content .container { max-width: 900px; }

/* 4. Таблицы в статьях: на телефоне прокручиваются внутри, а не растягивают страницу. */
.single .content table, .single article table, .post-content table, .entry-content table {
  display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse;
}
.single .content table td, .single .content table th, .single article table td, .single article table th { padding: 8px 12px; min-width: 110px; vertical-align: top; }

/* 5. /keisy/: заголовок финального блока на тёмной фотографии — делаем светлым. */
.mpc .final-cta h2, .mpc .final-cta .final-cta__title { color: #fff; text-shadow: 0 1px 12px rgb(0 0 0 / 35%); }

/* 6. Бейдж «-30%» на первой карточке каталога — скидки нет (на боевом скидки вычищены 29.08). */
.catalog .catbl:first-child .catbllk-img:before { content: none; display: none; }

/* 7. Заголовок на баннере политики не помещался на телефоне. */
@media (max-width: 575px) {
  .baner h1 { font-size: 26px; line-height: 1.2; overflow-wrap: anywhere; hyphens: auto; }
}

/* 8. «Показать ещё» под каталогом обрезалась следующим блоком на телефоне. */
.catalog .all-projects { margin-bottom: 28px; position: relative; z-index: 2; }

/* 9. «Наши работы»: у вертикальных фото картинка получила z-index:1
      (размытая подложка), и плашка категории с кнопкой лупы уходили под фото. */
.mpw-card__photo .mpw-card__category, .mpw-card__photo .mpw-card__zoom { z-index: 2; }

/* «Особенности»: на 1571px+ видна рукописная надпись справа — заголовок в 68px
   в неё упирался. Уменьшаем кегль, пока надпись на экране. */
@media (min-width: 1571px) { .spf .spf__heading { font-size: clamp(46px, 3.5vw, 60px); } }

/* Статьи: подписи к фото (inline width у .wp-caption), картинки и видео из
   старых записей не должны вылезать за экран телефона. */
.wp-caption { max-width: 100% !important; }
.wp-caption img, .single .content img, .post-content img, .entry-content img { max-width: 100%; height: auto; }
.single video, .post-content video, .entry-content video { max-width: 100%; height: auto; }
.single iframe, .post-content iframe, .entry-content iframe { max-width: 100%; }

/* Первый экран на низких телефонах (iPhone 14 с панелями браузера, SE):
   при фото в 27vh подпись под кнопками уходила под сгиб на 16–18px. */
@media (max-width: 640px) and (min-height: 641px) and (max-height: 700px) { .mp-hero__visual { height: min(24vh, 48vw); } }