/* Адаптивы RadukinPhoto — правки только для телефонов и планшетов.
   Правило проекта: ничто здесь не должно доставать до десктопа (>=960px) —
   утверждённая версия 1920 остаётся ровно такой, какой была.

   Что чинится:
   1. Галерея-слайдер: кадр был 4:3, а сами фотографии 3:2 (1920x1280).
      Из-за этого фото вписывалось с пустыми полосами сверху и снизу и выглядело
      меньше своего кадра. Ставим кадру пропорцию самой фотографии — полей нет,
      обрезки нет, фото видно целиком.
      Пропорцию задаёт скрипт слайдера прямо в атрибуте style, поэтому нужен !important.
   2. Фотографии занимают всю ширину экрана: снимаем боковые отступы у колонки
      и контейнера этого блока.
*/

@media screen and (max-width: 959px) {

  /* --- галерея-слайдер: кадр в пропорции фотографии (3:2) --- */
  .t-slds__bgimg-contain {
    padding-bottom: 66.667% !important;
    background-size: cover !important;   /* при совпадающей пропорции ничего не обрезает */
  }

  /* --- во всю ширину вьюпорта ---
     Боковые отступы даёт колонка блока (по 20px). Убираем их только у самого слайдера
     отрицательными полями, чтобы отступы текста рядом остались нетронутыми. */
  .t764__col .t-slds,
  .t-col > .t-slds {
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
  }

  /* ВНИМАНИЕ: ленте слайдера (.t-slds__items-wrapper) НЕЛЬЗЯ ставить max-width —
     её ширина равна сумме ширин всех слайдов (53 × ширина экрана). Ограничение
     схлопывает все слайды в одну точку, и большая фотография исчезает.
     Проверено на живой странице 21.08.2026. */

  /* --- блок с фотографией (t480): кадр был 350x307, то есть почти квадрат,
     а фотография 1280x855 — то есть 3:2. При «cover» у неё срезалось около четверти
     ширины. Даём кадру пропорцию фотографии и всю ширину экрана: обрезки нет вовсе. */
  .t480__top.t-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .t480__blockimg {
    height: auto !important;
    padding-bottom: 66.667% !important;
  }

  /* --- блок «до/после»: тоже во всю ширину экрана ---
     Пропорция кадра (3:2) уже совпадает с пропорцией фотографий 1680x1120,
     поэтому ничего не растягивается и не обрезается — не хватало только ширины. */
  .t410__col .t410__wrapper {
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
  }
}

/* Короткий экран — телефон в ландшафте.
   Панель мобильного меню была 328px и не помещалась в экран высотой 375-390:
   четыре пункта уходили за край, и прокрутки внутри панели не было — они были недоступны.
   Ужимаем вертикальные отступы панели; на всякий случай оставляем прокрутку как страховку. */
@media screen and (max-width: 959px) and (max-height: 500px) {

  .t228__centercontainer,
  .t228__rightcontainer {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Пунктам меню отступы НЕ добавлять: у них своя высота строки, и любой padding
     увеличивает список на 8px за пункт — панель становится выше, а не ниже.
     Проверено 22.08.2026: попытка дала +40px вместо экономии. */

  .tmenu-mobile__menucontent {
    max-height: calc(100dvh - 86px) !important;
    overflow-y: auto !important;
  }
}

/* Читаемость строки согласия под формой.
   Форма стоит в масштабируемом блоке Тильды: на узком экране весь блок ужимается,
   и строка «Я принимаю условия передачи данных» падала до 10px на телефоне,
   до 8px на телефоне в ландшафте и на планшете в ландшафте. Задаём нижнюю границу.
   Потолок 1199px — до утверждённого десктопа правило не достаёт. */
@media screen and (max-width: 1199px) {
  .t-checkbox__control,
  .t-checkbox__labeltext,
  .t-checkbox__labeltext * {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* Большие мониторы (выше 1920) обслуживает js/fullhd-parity.js целиком:
   он и масштабирует страницу, и пересчитывает блоки «на весь экран».
   Через CSS это сделать нельзя — Тильда переписывает разметку обложек своим скриптом,
   и селектор по атрибуту style до них не достаёт. Проверено 22.08.2026. */