/* Глобальный CSS сайта */

.scroll-x-mobile {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

.scroll-x-mobile iframe {
  display: block;
  margin: 0 auto;        /* Центрирование на десктопе */
  min-width: 1680px;     /* 1400px × 1.2 = 1680px */
  width: 120%;           /* Масштаб 120% на десктопе */
  max-width: none;
  height: 500px;
  border: none;
}

@media (max-width: 767px) {
  .scroll-x-mobile iframe {
    margin: 0;           /* Сбрасываем центрирование — выравнивание по левому краю */
    display: block;
    min-width: 700px;
    width: 100%;
    /* height: 500px; */
  }
}