/* 29.09.2026: горизонтальная прокрутка на узких экранах (аудит 320–1920).
   Подключается на всех страницах (functions.php). */

/* Подвал: логотип/контакты с min-width:300px (css/v2/footer.css, блок ≤1300)
   на 320 при полях 15+30 вылезали на 25px */
@media (max-width: 420px) {
  body .v2-footer .site-section .container .inner .section1,
  body .v2-footer .site-section .container .inner .section2,
  body .v2-footer .site-section .container .inner .section1 img {
    min-width: 0;
    max-width: 100%;
  }
  body .v2-footer .site-section .container .inner .section1 img { height: auto; }
}

/* Главная (RU/EN/UK), «Как мы работаем»: шаг 3/4 — плашка с текстом шире
   колонки на 11–38px */
@media (max-width: 420px) {
  .steps .one .block .content { min-width: 0; }
  .steps .one .block .content > .description { box-sizing: border-box; max-width: 100%; min-width: 0; }
  .steps .one .block .content > .description > * { max-width: 100%; min-width: 0; box-sizing: border-box; }
}

/* Страница услуги (менторство): цифры в две колонки и вкладки */
@media (max-width: 420px) {
  .numbers.columns-to-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .numbers.columns-to-rows .number { min-width: 0; overflow-wrap: anywhere; }
  .tabs { flex-wrap: wrap; row-gap: 8px; }
}

/* /countries/ на планшете: колонка со списком стран не сжималась (+107px на 768) */
@media (max-width: 1023px) {
  .container > .main-side { min-width: 0; }
  .page_countries .items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page_countries .items > .item { min-width: 0; }
}
@media (max-width: 560px) {
  .page_countries .items { grid-template-columns: minmax(0, 1fr); }
}

/* Услуги: таблица тарифов шире экрана — листается внутри себя */
@media (max-width: 767px) {
  .service-blocks .site-main:has(> table) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
/* Услуги, блок «прокрутка» (personal brand): анимационный сдвиг карточек
   вылезал за экран — обрезаем по краю секции без полосы прокрутки */
@media (max-width: 767px) {
  .service-scroll { overflow-x: clip; }
}

/* Услуги: цитата с жёсткой шириной 500px */
@media (max-width: 767px) {
  .service-blocks blockquote { width: auto !important; max-width: 100%; box-sizing: border-box; }
}
/* /cases/ на планшете: карточки кейсов в колонке, которая может сжаться */
@media (min-width: 768px) and (max-width: 1023px) {
  .page_cases .items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page_cases .items > .item { min-width: 0; }
  .page_cases .items > .item img { max-width: 100%; height: auto; }
}
/* /cases/: рукописная подпись специальности (Caveat) в одну строку вылезала */
@media (max-width: 1023px) {
  .page_cases .name.caveat, .page_cases .name.caveat span,
  .page_cases .speciality.caveat, .page_cases .speciality.caveat span { white-space: normal; overflow-wrap: anywhere; max-width: 100%; }
}