/* ===== УБРАТЬ ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ НА МОБИЛЬНЫХ (TILDA MOBILE FIX) ===== */

/* 1️⃣ Отключаем горизонтальную прокрутку на всем сайте */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* 2️⃣ Предотвращаем вылезание элементов за границы */
*,
*:before,
*:after {
  box-sizing: border-box !important;
}

/* 3️⃣ У некоторых Zero-Block (t396) бывают отрицательные margin — обрезаем */
.t396__artboard,
.t396__carrier,
.t396__filter,
.t396__elem {
  max-width: 100% !important;
  overflow: hidden !important;
}

/* 4️⃣ Контейнеры и изображения — не шире экрана */
.t-container,
.t-container_100,
.t-container_10,
.t-col,
.t-col_6,
.t-col_12,
img, video, iframe {
  max-width: 100% !important;
  width: 100% !important;
}

/* 5️⃣ Исправляем элементы с абсолютным позиционированием в Zero-Block */
.t396__elem {
  left: auto !important;
  right: auto !important;
  transform: translateX(0) !important;
}

/* 6️⃣ Принудительно скрываем возможный горизонтальный сдвиг на мобилке */
@media screen and (max-width: 768px) {
  html, body {
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
    width: 100vw !important;
  }

  /* Zero-block: ограничиваем контейнеры */
  .t396__artboard,
  .t396__carrier,
  .t396__filter,
  .t396__elem {
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* Фикс для “липких” фонов */
  [data-record-type="396"] .t396__carrier {
    background-attachment: scroll !important;
  }

  /* SVG и иконки */
  svg {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Таблицы и длинные строки: разрешаем скролл внутри */
  table {
    display: block;
    width: 100% !important;
    overflow-x: auto !important;
  }

  /* Убираем микросдвиг у кнопок, которые иногда вылазят за экран */
  .t-btn, .t-submit, .t-form__submit {
    max-width: calc(100% - 16px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  /* Любые .t-rec блоки: ограничиваем ширину */
  .t-rec {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* На всякий случай запрещаем margin-right, вызывающий скролл */
  [style*="margin-right: -"], [style*="right: -"] {
    margin-right: 0 !important;
    right: 0 !important;
  }
}

/* 7️⃣ Последний уровень защиты */
body::before, body::after {
  content: none !important;
}