/*!
 * Свои правки поверх стилей Tilda. Один файл на весь сайт — чтобы такие
 * исправления не размазывались по 129 страницам инлайновыми стилями.
 */

/* --- Фото не должно занимать весь экран на десктопе ---------------------
   Tilda отдаёт картинку на всю ширину контейнера (1160 px), при пропорции 3:2
   это 773 px высоты — на ноутбуке с окном 800–900 px фото занимает экран
   целиком и выглядит как ошибка вёрстки. Ограничиваем высоту и обрезаем
   по центру: получается полоса-баннер, а не полноэкранное фото.

   Только для десктопа: на телефоне вертикальная картинка на всю ширину —
   это нормально и там ничего не ломается.                                */
@media screen and (min-width: 960px) {
  img.t107__width,
  img.t-slds__img,
  .t-slds__wrapper img.t-img,
  .t-container img.t-width_12.t-img {
    max-height: 520px;
    object-fit: cover;
    object-position: center;
  }

  /* обёртка слайдера считает высоту скриптом, поэтому ограничиваем и её,
     иначе под уменьшенной картинкой останется пустая полоса */
  .t-slds__wrapper,
  .t-slds__container {
    max-height: 520px;
  }
}

/* Таблицы цен Tilda (t431) на телефоне шире экрана: колонка «Мужчины»
   обрезалась без прокрутки — клиентка прислала скриншот /promo-lazer 15.09.
   Обёртка для мобильных у Tilda есть, но прокрутки у неё нет. */
@media screen and (max-width: 959px) {
  .t431__wrapper-for-mobile {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}