/* Локальные правки поверх Tilda-экспорта. Подключается build_site.py ко всем страницам последним в , поэтому переживает повторный fetch_pages.py/build_site.py. */ /* Отзывы (#rec1157577751): на мобильных карточки — Telegram-виджеты, их высота зависит от длины поста и ширины экрана, а Zero Block резервирует фиксированные top/height (600/450/600px при реальных 713/600/759px). Итог — карточки наслаивались друг на друга и на кнопку «смотреть все отзывы». Ниже 640px раскладываем блок нормальным потоком: высоты auto, artboard — flex-колонка, кнопка уходит в конец через order. Селектор id продублирован (#rec…#rec…) намеренно: tilda-zero дописывает в конец документа правило height:px !important без медиазапроса, и при равной специфичности оно побеждает как более позднее. Двойной id даёт специфичность выше и снимает гонку с JS. */ @media screen and (max-width: 639px) { #rec1157577751#rec1157577751 .t396__artboard, #rec1157577751#rec1157577751 .t396__filter, #rec1157577751#rec1157577751 .t396__carrier { height: auto !important; } #rec1157577751#rec1157577751 .t396__artboard { display: flex; flex-direction: column; align-items: center; padding: 60px 0 40px; gap: 20px; } #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1718640249009"], #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752232020020"], #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752221496239"], #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752231979170"], #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1720084075234"] { position: relative !important; top: auto !important; left: auto !important; height: auto !important; margin: 0 !important; } /* кнопке height:auto схлопывает её до высоты текста — возвращаем ту же высоту, что Tilda задаёт для этого брейкпоинта */ #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1720084075234"], #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1720084075234"] .tn-atom { height: 40px !important; } /* .tn-atom тянется на 100% высоты элемента — снимаем, чтобы виджет задавал высоту сам */ #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752232020020"] .tn-atom, #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752221496239"] .tn-atom, #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1752231979170"] .tn-atom { height: auto !important; } /* кнопка идёт второй в DOM — возвращаем её под карточки */ #rec1157577751#rec1157577751 .tn-elem[data-elem-id="1720084075234"] { order: 9; } }