/*
 * mobile-fixes.css — глобальные мобильные исправления для сайта (экспорт Tilda).
 *
 * Назначение:
 * 1) Возвращает канонические правила видимости Tilda (t-screenmin-*/t-screenmax-*),
 *    которые отсутствуют на страницах без собственного CSS-файла — из-за этого
 *    десктопное и мобильное меню отображались одновременно (наложение логотипа).
 * 2) Запрещает горизонтальную прокрутку и выход изображений за пределы экрана.
 * 3) Исправляет мобильную шапку (<=980px): логотип и бургер не перекрываются.
 * 4) Консервативная подгонка контента под вертикальный телефон (<=640px).
 *
 * Подключается на всех страницах перед </head>: /mobile-fixes.css
 */

/* 1. Канонические правила видимости Tilda (t-screen*) */
@media screen and (min-width:481px){.t-screenmax-480px{display:none!important}}
@media screen and (min-width:641px){.t-screenmax-640px{display:none!important}}
@media screen and (min-width:981px){.t-screenmax-980px{display:none!important}}
@media screen and (min-width:1201px){.t-screenmax-1200px{display:none!important}}
@media screen and (max-width:1200px){.t-screenmin-1200px{display:none!important}}
@media screen and (max-width:980px){.t-screenmin-980px{display:none!important}}
@media screen and (max-width:640px){.t-screenmin-640px{display:none!important}}
@media screen and (max-width:480px){.t-screenmin-480px{display:none!important}}

/* 2. Защита от горизонтальной прокрутки */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

/* 3. Мобильная шапка: логотип слева, бургер справа, без наложений */
@media screen and (max-width:980px){
  .tmenu-mobile__container{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 15px;box-sizing:border-box}
  .tmenu-mobile__burgerlogo{position:static;flex:0 0 auto}
  .tmenu-mobile__imglogo{display:block;max-width:60px;height:auto}
}

/* 3a. Дедупликация мобильных меню: на страницах, где блок T228 (rec533377884)
 * активен на всех ширинах, его мобильная полоса .tmenu-mobile — единственное
 * мобильное меню; унаследованный блок T280 (rec288760760) скрываем, иначе
 * его логотип и бургер накладываются на логотип и бургер tmenu-mobile.
 * Где T228 работает только на десктопе (t-screenmin-1200px/980px), T280 —
 * единственное мобильное меню и должен остаться.
 * На старых страницах (без rec533377884) селектор не совпадает — T280 не тронут. */
@media screen and (max-width:980px){
  #rec533377884:not(.t-screenmin-1200px):not(.t-screenmin-980px) ~ #rec288760760{display:none!important}
}

/* 3b. Планшетный пробел 981–1200px: где T228 включён только от 1200px
 * (t-screenmin-1200px), мобильное меню T280 (t-screenmax-980px) гаснет уже
 * с 981px — и на 981–1200px не остаётся ни одного меню (подтверждено на проде).
 * Для таких страниц продлеваем T280 до 1200px. */
@media screen and (min-width:981px) and (max-width:1200px){
  #rec533377884.t-screenmin-1200px ~ #rec288760760{display:block!important}
}

/* 4. Консервативная подгонка под вертикальный телефон */
@media screen and (max-width:640px){
  .t-container,.t-col{max-width:100%}
  [class*="t-title"],[class*="t-name"],[class*="t-heading"]{overflow-wrap:break-word}
}