#t-header { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 10 !important; } #t-footer { z-index: 0 !important; } html, body { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE / старый Edge */ } html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; /* Chrome, Safari, новый Edge */ } #rec2418429531 { z-index: 10 !important; position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; } /* Поп-апы с формой лежат внутри подвала, у которого свой уровень наложения, поэтому подвал накрывал открытую форму собой. Поднимаем поп-апы над страницей. */ .t-rec[data-record-type="1093"] { position: relative !important; z-index: 10000 !important; } /* Контейнер поп-апа добавляет отступы сверху и снизу: над формой и под ней оставались светлые полосы. */ .t-popup .t-popup__container { padding-top: 0 !important; margin-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Тема обращения рисуется псевдоэлементом и брала системный шрифт. */ .t-input-group_rd .t-input-block, .t-input-group_rd .t-input-block::before { font-family: 'Norms', 'TildaSans', Arial, sans-serif !important; } /* Стоимость объектов на сайте не показываем. */ .t-store__card__price, .t-store__card__price-wrapper, .js-store-price-wrapper, .js-store-prod-price, .t-store__prod-popup__price-wrapper, .js-product-price { display: none !important; } /* ============================================================ Мобильная версия (ширина до 639px, это брейкпоинт 320 в Zero Block). Десктоп и планшет не трогаем: все правила только внутри медиазапроса. Значения внутри Zero Block заданы в единицах холста 320 и масштабируются вместе с ним; высоту холста Tilda дописывает скриптом с !important, поэтому для неё нужен селектор длиннее и множитель var(--zoom). Сборка: mobile/build.py, исходник правил там же. ============================================================ */ @media screen and (max-width: 639px) { /* --- 1. Подписи-разделители секций (точка, подпись, линия) на телефоне не показываем --- */ .tn-elem[data-elem-id="1764942204003000001"], .tn-elem[data-elem-id="1764942283194"], .tn-elem[data-elem-id="1782978941436000005"], .tn-elem[data-elem-id="1782978941436000004"], .tn-group[data-group-id="1765783936524000007"] { display: none !important; } /* --- 2. Единая левая линия: поле 18 единиц, ширина контента 284 --- */ /* В обычном холсте дети стоят абсолютно (left), во flex-холсте они в потоке с внешними полями (margin). */ .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="10"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="10"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="11"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="11"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="8"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="8"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="12"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="12"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="14"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="14"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="18"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="18"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="20"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="20"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="22"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="22"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="24"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="24"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-left-res-320-value="30"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-left-res-320-value="30"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="10"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="10"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="11"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="11"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="8"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="8"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="12"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="12"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="14"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="14"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="16"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="16"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="17"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="17"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="18"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="18"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="20"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="20"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="22"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="22"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="24"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="24"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-field-left-res-320-value="30"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-field-left-res-320-value="30"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765789973562000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765789973562000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1782220829782000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1782220829782000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765790552301000002"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765790552301000002"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765792108936000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765792108936000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765788015514000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765788015514000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1766145749375000003"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1766145749375000003"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1766145758671000004"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1766145758671000004"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1766740036275000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1766740036275000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765799668321000018"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765799668321000018"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1766741395840000002"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1766741395840000002"], .t396__artboard:not(.t396__artboard-flex) > .tn-group[data-group-id="1765788070949000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-group[data-group-id="1765788070949000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1765786596710"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1765786596710"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1766146081619"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1766146081619"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1776373799003"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1776373799003"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1766146369681"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1766146369681"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1774330706108"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1774330706108"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1765791484866000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1765791484866000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1770385765468"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1770385765468"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1765960122111"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1765960122111"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1764941610138"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1764941610138"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1764942008521000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1764942008521000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1764941947331000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1764941947331000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1764943300094000001"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1764943300094000001"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1764943328124000002"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1764943328124000002"], .t396__artboard:not(.t396__artboard-flex) > .tn-elem[data-elem-id="1766145952320000002"], .t396__artboard:not(.t396__artboard-flex) > .scrollbooster-content > .tn-elem[data-elem-id="1766145952320000002"] { left: 18px !important; } /* flex-холст: поле задаём самому холсту, а у детей убираем собственные поля и сдвиги */ .t396 .t396__artboard-flex { padding-left: calc(18px * var(--zoom, 1)) !important; padding-right: calc(18px * var(--zoom, 1)) !important; } .t396__artboard-flex > .tn-group, .t396__artboard-flex > .tn-elem { left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .t396__artboard > .tn-group[data-group-width-res-320-value="300"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="300"], .t396__artboard > .tn-group[data-group-width-res-320-value="299"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="299"], .t396__artboard > .tn-group[data-group-width-res-320-value="303"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="303"], .t396__artboard > .tn-group[data-group-width-res-320-value="292"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="292"], .t396__artboard > .tn-group[data-group-width-res-320-value="290"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="290"], .t396__artboard > .tn-group[data-group-width-res-320-value="296"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="296"], .t396__artboard > .tn-group[data-group-width-res-320-value="308"], .t396__artboard > .scrollbooster-content > .tn-group[data-group-width-res-320-value="308"], .t396__artboard > .tn-elem[data-field-width-res-320-value="300"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="300"], .t396__artboard > .tn-elem[data-field-width-res-320-value="303"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="303"], .t396__artboard > .tn-elem[data-field-width-res-320-value="306"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="306"], .t396__artboard > .tn-elem[data-field-width-res-320-value="297"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="297"], .t396__artboard > .tn-elem[data-field-width-res-320-value="288"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="288"], .t396__artboard > .tn-elem[data-field-width-res-320-value="286"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="286"], .t396__artboard > .tn-elem[data-field-width-res-320-value="307"], .t396__artboard > .scrollbooster-content > .tn-elem[data-field-width-res-320-value="307"] { width: 284px !important; } /* вложенные группы и тексты на всю ширину родителя, а не фиксированные 300 */ .tn-group .tn-group[data-group-width-res-320-value="300"], .tn-group .tn-group[data-group-width-res-320-value="299"], .tn-group .tn-elem[data-field-width-res-320-value="300"], .tn-group .tn-elem[data-field-width-res-320-value="306"], .tn-group .tn-elem[data-field-width-res-320-value="299"] { width: 100% !important; } /* текст и вложенные группы никогда не шире родителя */ .tn-group .tn-elem[data-elem-type="text"], .tn-group .tn-group { max-width: 100% !important; } /* --- 2а. Блоки, в которых на телефоне не остаётся ничего, кроме подписи --- */ #rec2430991421 { display: none !important; } #rec1714006691 .t396 .t396__artboard, #rec1714006691 .t396 .t396__filter, #rec1714006691 .t396 .t396__carrier { height: calc(48px * var(--zoom, 1)) !important; } #rec1714006691.t-rec > .t396 { height: calc(48px * var(--zoom, 1)) !important; } /* --- 3. Типографика --- */ /* мелкие ссылки и подписи 8 → 10 */ .tn-elem[data-field-fontsize-res-320-value="8"] .tn-atom { font-size: 11px !important; } /* тело текста: чуть свободнее интерлиньяж */ .tn-elem[data-elem-type="text"][data-field-fontsize-res-320-value="12"] .tn-atom { line-height: 1.35 !important; } /* --- 4. Контакты (блок «Офис продаж» перед подвалом): адрес и телефон одного размера, без сдвига --- */ .tn-elem[data-elem-id="1766145528998000002"] .tn-atom, .tn-elem[data-elem-id="1766145758672000008"] .tn-atom { font-size: 24px !important; font-weight: 500 !important; } .tn-elem[data-elem-id="1766145611146"] .tn-atom { font-size: 24px !important; padding: 0 !important; line-height: 1.3 !important; justify-content: flex-start !important; text-align: left !important; } .tn-elem[data-elem-id="1766145611146"] .tn-atom__button-content { justify-content: flex-start !important; } .tn-elem[data-elem-id="1766145611146"] { height: auto !important; } /* цифры застройщика: отступ и размер как у остальных карточек */ #rec1732913701 .t396 .tn-group .tn-elem { left: 0 !important; } #rec1732913701 .tn-elem[data-elem-id="1765799548014000008"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579249324000009"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579249808000012"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579250253000015"] .tn-atom { font-size: 26px !important; } /* подвал: телефон без внутреннего отступа кнопки, блок «Офис продаж» не липнет к тексту застройщика */ #rec1714177521 .tn-elem[data-elem-id="1766146528699000005"] .tn-atom { padding: 0 !important; justify-content: flex-start !important; text-align: left !important; } #rec1714177521 .tn-elem[data-elem-id="1766146528699000005"] .tn-atom__button-content { justify-content: flex-start !important; } /* --- 5. Цитата на странице «О бизнес-парке» --- */ #rec1699070441 .tn-elem[data-elem-id="1765884203990000001"] { display: none !important; } #rec1699070441 .tn-elem[data-elem-id="1765884229670000002"] .tn-atom { font-size: 20px !important; font-weight: 500 !important; line-height: 1.25 !important; } /* цитата стала ниже, подпись и ссылку подтягиваем к ней */ #rec1699070441 .t396 .tn-group[data-group-id="1774950292348000001"] { top: 372px !important; } #rec1699070441 .t396 .tn-elem[data-elem-id="1774950339080000001"] { top: 432px !important; } /* --- 5а. Цифры застройщика: карточка не обрезает вторую строку подписи --- */ #rec1732913701 .t396 .tn-group[data-group-id="1765799548012000006"], #rec1732913701 .t396 .tn-group[data-group-id="1766579249324000007"], #rec1732913701 .t396 .tn-group[data-group-id="1766579249808000010"], #rec1732913701 .t396 .tn-group[data-group-id="1766579250253000013"] { height: 110px !important; } #rec1732913701 .t396 .tn-group[data-group-id="1765799668321000018"] { height: auto !important; } #rec1732913701 .t396 .t396__artboard, #rec1732913701 .t396 .t396__filter, #rec1732913701 .t396 .t396__carrier { height: calc(520px * var(--zoom, 1)) !important; } #rec1732913701.t-rec > .t396 { height: calc(520px * var(--zoom, 1)) !important; } /* --- 6. Пустота под карточками-каруселью «Принципы проекта» --- */ /* высоту холста Tilda дописывает скриптом с !important, поэтому селектор длиннее, а значение в единицах холста × zoom */ /* вкладки «Апартаменты / Офисы …» и «Зимний сад / Террасы»: та же левая линия */ #rec2071857451 .t396 .tn-group[data-group-id="1765788070949000001"] { left: 18px !important; } #rec2069728121 .t396 .tn-group[data-group-id="1765788015514000001"] { left: 18px !important; } #rec2069728121 .t396 .tn-elem[data-elem-id="1764943300094000001"] { left: 18px !important; } /* карточка с фото и текстом внизу: внутренний отступ 16, текст не вылезает за карточку */ .tn-group[data-group-id="1766148521823000008"] { left: 18px !important; width: calc(100% - 36px) !important; } .tn-group[data-group-id="1766148521823000008"] .tn-elem[data-field-width-res-320-value="300"], .tn-group[data-group-id="1766148521823000008"] .tn-group[data-group-width-res-320-value="280"] { width: 100% !important; } #rec1699125491 .t396 .t396__artboard, #rec1699125491 .t396 .t396__filter, #rec1699125491 .t396 .t396__carrier { height: calc(520px * var(--zoom, 1)) !important; } #rec1699125491.t-rec > .t396 { height: calc(520px * var(--zoom, 1)) !important; } /* --- 7. Карточки «заголовок + текст + кнопка + фото» (главная, офисы, апартаменты) --- */ /* внешняя группа на всю ширину поля, внутренний отступ 18 вместо 40 */ .t396__artboard-flex > .tn-group[data-group-width-res-320-value="281"], .t396__artboard-flex > .tn-group[data-group-width-res-320-value="280"], .tn-group .tn-group[data-group-width-res-320-value="280"], .tn-group .tn-group[data-group-width-res-320-value="281"] { width: 100% !important; } .tn-group[data-group-id="1774343979126000002"] > .tn-molecule, .tn-group[data-group-id="1766140248435000001"] > .tn-molecule { padding-left: 18px !important; padding-right: 18px !important; } .tn-group[data-group-id="1766140248435000005"], .tn-group[data-group-id="1766140248435000003"], .tn-elem[data-elem-id="1774343953916000001"], .tn-elem[data-elem-id="1766140248435000004"] { left: 0 !important; } .tn-group[data-group-id="1766140248435000005"], .tn-group[data-group-id="1766140248435000003"] { width: 100% !important; } .tn-group[data-group-id="1766140248435000005"] .tn-elem, .tn-group[data-group-id="1766140248435000003"] .tn-elem[data-elem-type="text"] { width: 100% !important; } .tn-elem[data-elem-id="1766140248435000002"] { left: 0 !important; width: 100% !important; } .tn-elem[data-elem-id="1774344210086000001"] { width: 100% !important; } /* заголовок карточки 22, чтобы не спорил с заголовком раздела */ .tn-elem[data-elem-id="1766140248435000007"] .tn-atom { font-size: 22px !important; line-height: 1.1 !important; } #rec2496410171 .tn-elem[data-elem-id="1766140248435000007"] .tn-atom { font-size: 18px !important; } /* блок с видео: заголовок не держит пустую полосу над видео */ #rec2496410171 .t396 .tn-group[data-group-id="1774343979126000002"] { height: auto !important; min-height: 0 !important; } #rec2496410171 .tn-group[data-group-id="1766140248435000005"] { top: 0 !important; } /* --- 8. Карточки с фото и подписью внизу (рестораны, отель, резиденции, апартаменты на «О бизнес-парке») --- */ .tn-group[data-group-id="1766148521823000008"], .tn-group[data-group-id="1766148948584000002"], .tn-group[data-group-id="1766148950399000010"], .tn-group[data-group-id="1773998807881000002"], .tn-group[data-group-id="1766144068321000005"], .tn-group[data-group-id="1766144228361000001"] { left: 18px !important; width: calc(100% - 36px) !important; } .tn-group[data-group-id="1766148521823000008"] .tn-group, .tn-group[data-group-id="1766148521823000008"] .tn-elem[data-elem-type="text"], .tn-group[data-group-id="1766148948584000002"] .tn-group, .tn-group[data-group-id="1766148948584000002"] .tn-elem[data-elem-type="text"], .tn-group[data-group-id="1766148950399000010"] .tn-group, .tn-group[data-group-id="1766148950399000010"] .tn-elem[data-elem-type="text"], .tn-group[data-group-id="1773998807881000002"] .tn-group, .tn-group[data-group-id="1773998807881000002"] .tn-elem[data-elem-type="text"], .tn-group[data-group-id="1766144068321000005"] .tn-group, .tn-group[data-group-id="1766144068321000005"] .tn-elem[data-elem-type="text"], .tn-group[data-group-id="1766144228361000001"] .tn-group, .tn-group[data-group-id="1766144228361000001"] .tn-elem[data-elem-type="text"] { width: 100% !important; left: 0 !important; } .tn-elem[data-elem-id="1766144044257000003"] { left: 0 !important; } /* --- 9. Подвал: блок «Офис продаж» отодвинут от текста застройщика на 28 единиц --- */ #rec1714177521 .t396 .tn-group[data-group-id="1766146680080000010"] { top: 965px !important; } #rec1714177521 .t396 .tn-elem[data-elem-id="1766146719889000012"] { top: 1163px !important; } #rec1714177521 .t396 .tn-group[data-group-id="1782828589045000003"] { top: 1213px !important; } #rec1714177521 .t396 .tn-elem[data-elem-id="1766147018390000042"] { top: 1341px !important; } #rec1714177521 .t396 .tn-elem[data-elem-id="1766146315636000001"] { top: 1501px !important; } #rec1714177521 .t396 .t396__artboard, #rec1714177521 .t396 .t396__filter, #rec1714177521 .t396 .t396__carrier { height: calc(1558px * var(--zoom, 1)) !important; } #rec1714177521.t-rec > .t396 { height: calc(1558px * var(--zoom, 1)) !important; } /* кнопка «Об отеле» в карточке отеля к левому краю текста */ #rec1693014261 .tn-group[data-group-id="1766144044257000002"] > .tn-molecule { justify-content: flex-start !important; } /* --- 10. Первый экран внутренних страниц: один размер заголовка, кнопки к левому краю --- */ .tn-elem[data-elem-id="1764941610138"] .tn-atom { font-size: 30px !important; line-height: 1.05 !important; } #rec1679373101 .tn-elem[data-elem-id="1764941610138"] .tn-atom { font-size: 30px !important; } .t396__artboard > .tn-elem[data-elem-id="1764942041686000003"] { left: 18px !important; } .tn-group .tn-elem[data-elem-id="1764942041686000003"] { left: 0 !important; } #rec1693738001 .t396 .tn-elem[data-elem-id="1764941777009"] { left: 18px !important; } /* --- 11. Блок «Инвестиционная привлекательность» на разводящих --- */ #rec2472701941 .tn-group[data-group-id="1782979166406000001"] { height: auto !important; } #rec2472701941 .tn-group[data-group-id="1782979166406000001"] > .tn-molecule { padding-left: 0 !important; padding-right: 0 !important; } #rec2472701941 .tn-group[data-group-left-res-320-value="12"], #rec2472701941 .tn-elem[data-field-left-res-320-value="12"] { width: 100% !important; } #rec2472701941 .tn-group[data-group-id="1782979476804000001"] > .tn-molecule, #rec2472701941 .tn-group[data-group-id="1782979508381000006"] > .tn-molecule, #rec2472701941 .tn-group[data-group-id="1782979509377000010"] > .tn-molecule { padding-left: 18px !important; padding-right: 18px !important; } #rec2472701941 .tn-elem[data-field-left-res-320-value="24"] { width: 100% !important; } /* --- 12. Карточки «заголовок слева, фото справа» на разводящих (Найдём офис, Современные интерьеры, террасы…) --- */ .tn-group[data-group-id="1765790552301000002"] > .tn-molecule { padding-left: 18px !important; padding-right: 18px !important; } .tn-group[data-group-id="1765790544968000001"] { width: 100% !important; } .tn-group[data-group-id="1765790544968000001"] .tn-elem { width: 100% !important; } .tn-elem[data-elem-id="1765788424464000001"] .tn-atom { font-size: 22px !important; line-height: 1.1 !important; } .tn-elem[data-elem-id="1765791387726000002"] .tn-atom, .tn-elem[data-elem-id="1765791416350000006"] .tn-atom { font-size: 20px !important; } /* --- 13. Ряды вкладок, которые не помещаются в ширину: листаются пальцем --- */ #rec1714275941 .t396__artboard, #rec2071857451 .t396__artboard, #rec1703411651 .t396__artboard, #rec2069728121 .t396__artboard { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #rec1714275941 .t396__artboard::-webkit-scrollbar, #rec2071857451 .t396__artboard::-webkit-scrollbar, #rec1703411651 .t396__artboard::-webkit-scrollbar, #rec2069728121 .t396__artboard::-webkit-scrollbar { display: none; } .tn-group[data-group-id="1765788015514000001"] { width: auto !important; min-width: calc(100% - 36px); } #rec2472701941 .t396 .t396__artboard, #rec2472701941 .t396 .t396__filter, #rec2472701941 .t396 .t396__carrier { height: 380px !important; min-height: 0 !important; } #rec2472701941.t-rec > .t396 { height: 380px !important; } /* лента фото на разводящих: слайд шире экрана, поэтому начинаем его от самого края */ #rec2069439201 .t396 .tn-elem[data-elem-id="1774330706108"] { left: 0 !important; } /* кнопки первого экрана и карточек не центрируем */ .tn-group[data-group-id="1782798156387000002"] > .tn-molecule, .tn-group[data-group-id="1766144044257000002"] > .tn-molecule { justify-content: flex-start !important; align-items: flex-start !important; } /* --- 14. Каталог (store-блок): карточки в те же поля 20, внутренний отступ 20, кнопки во всю ширину --- */ .t-store .t-store__grid-cont { padding-left: 0 !important; padding-right: 0 !important; } .t-store .t-store__card { padding-left: 20px !important; padding-right: 20px !important; } .t-store .t-store__card__textwrapper { padding: 20px !important; } .t-store .t-store__card__btns-wrapper { padding: 0 20px 20px !important; flex-direction: column !important; align-items: stretch !important; } .t-store .t-store__card__btns-wrapper .t-btn { width: 100% !important; max-width: none !important; margin: 0 0 10px !important; } .t-store .t-store__card__btns-wrapper .t-btnflex_type_button2 { justify-content: flex-start !important; padding-left: 0 !important; margin-bottom: 0 !important; } /* --- 15. Апартаменты: четыре текстовые карточки «Отельный сервис…»: высота по содержимому, отступ 18 --- */ #rec1693791831 .tn-group[data-group-id="1765786994941000009"], #rec1693791831 .tn-group[data-group-id="1765794804602000035"], #rec1693791831 .tn-group[data-group-id="1765794941129000052"], #rec1693791831 .tn-group[data-group-id="1765794941129000049"] { height: auto !important; min-height: 0 !important; } #rec1693791831 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule, #rec1693791831 .tn-group[data-group-id="1765794804602000035"] > .tn-molecule, #rec1693791831 .tn-group[data-group-id="1765794941129000052"] > .tn-molecule, #rec1693791831 .tn-group[data-group-id="1765794941129000049"] > .tn-molecule { padding: 24px 18px 28px !important; row-gap: 16px !important; } #rec1693791831 .tn-group .tn-group .tn-group .tn-elem, #rec1693791831 .tn-group .tn-group .tn-group .tn-group { top: 0 !important; left: 0 !important; width: 100% !important; } #rec1693791831 .tn-elem[data-elem-type="text"][data-field-fontsize-res-320-value="28"] .tn-atom, #rec1693791831 .tn-elem[data-elem-id="1765794469305000003"] .tn-atom, #rec1693791831 .tn-elem[data-elem-id="1765794804602000037"] .tn-atom, #rec1693791831 .tn-elem[data-elem-id="1765794941129000054"] .tn-atom, #rec1693791831 .tn-elem[data-elem-id="1765794941129000051"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; } #rec1693791831 .tn-molecule { justify-content: flex-start !important; align-items: flex-start !important; } /* --- 16. Ресторан --- */ /* первый экран: подпись «Ресторан локальной кухни» над логотипом, а не под ним */ #rec1884033701 .t396 .tn-elem[data-elem-id="1764942008521000001"] { top: 262px !important; } /* карточка меню была шириной в десктоп */ #rec1884033761 .t396 .tn-group[data-group-id="1765790552301000002"], #rec1884033761 .t396 .tn-elem[data-elem-id="1765791484866000001"] { width: 284px !important; } #rec1884033761 .tn-group[data-group-id="1765790544968000001"] .tn-elem, #rec1884033761 .tn-group[data-group-id="1765800325821000001"] { width: 100% !important; } /* абзац о команде без отступа в 60 */ #rec1884033821 .t396 .tn-elem[data-elem-id="1765887750551000002"] { left: 18px !important; width: 284px !important; } /* команда: карточки с фото нормальной высоты, контейнер по содержимому */ #rec1884033831 .t396 .tn-group[data-group-id="1765786994941000009"] { height: auto !important; } #rec1884033831 .tn-group[data-group-id="1765786994941000009"] .tn-group[data-group-width-res-320-value="299"] { height: auto !important; } #rec1884033831 .tn-elem[data-elem-type="shape"] { height: 240px !important; } #rec1884033831 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { row-gap: 24px !important; } /* подарочный сертификат: холст был высотой под десктоп, фото стояли за экраном */ #rec1884141421 .t396 .tn-elem[data-elem-id="1770386716418"] { left: 18px !important; top: 440px !important; width: 284px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386751372000001"] { display: none !important; } #rec1884141421 .t396 .t396__artboard, #rec1884141421 .t396 .t396__filter, #rec1884141421 .t396 .t396__carrier { height: calc(975px * var(--zoom, 1)) !important; } #rec1884141421.t-rec > .t396 { height: calc(975px * var(--zoom, 1)) !important; } /* фото к карточке меню под карточкой, а не за ней; вкладки меню листаются */ #rec1884033761 .t396 .tn-elem[data-elem-id="1765791484866000001"] { top: 376px !important; height: 240px !important; } #rec1884033761 .t396 .t396__artboard, #rec1884033761 .t396 .t396__filter, #rec1884033761 .t396 .t396__carrier { height: calc(656px * var(--zoom, 1)) !important; } #rec1884033761.t-rec > .t396 { height: calc(656px * var(--zoom, 1)) !important; } #rec2426539651 .t396__artboard { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #rec2426539651 .t396__artboard::-webkit-scrollbar { display: none; } /* доставка: контент внутри зелёной карточки с внутренним отступом */ #rec1884108371 .t396 > .t396__artboard > .tn-group[data-group-left-res-320-value="30"], #rec1884108371 .t396 > .t396__artboard > .tn-elem[data-field-left-res-320-value="30"], #rec1884108371 .t396 .tn-elem[data-elem-id="1765960172985000001"] { left: 36px !important; } /* декоративная ветка в разделе «Атмосфера» на телефоне ложилась на текст */ #rec1884033771 .tn-elem[data-elem-id="1770385478260000001"] { display: none !important; } /* большие фото шириной под десктоп: в ширину поля */ #rec1884033841 .t396 .tn-elem[data-elem-id="1765786596710"], #rec1884033901 .t396 .tn-group[data-group-id="1765792108936000001"], #rec1884033901 .t396 .tn-elem[data-elem-id="1765786596710"] { width: 284px !important; height: 300px !important; left: 18px !important; } #rec1884033841 .t396 .tn-elem[data-elem-id="1765958684833"] { left: 152px !important; top: 130px !important; } #rec1884033841 .t396 .t396__artboard, #rec1884033841 .t396 .t396__filter, #rec1884033841 .t396 .t396__carrier, #rec1884033901 .t396 .t396__artboard, #rec1884033901 .t396 .t396__filter, #rec1884033901 .t396 .t396__carrier { height: calc(330px * var(--zoom, 1)) !important; } #rec1884033841.t-rec > .t396, #rec1884033901.t-rec > .t396 { height: calc(330px * var(--zoom, 1)) !important; } /* сертификат: подпись прячем, заголовок, текст, кнопку и фото раскладываем по порядку */ #rec1884141421 .tn-elem[data-elem-id="1770386426748000001"] { display: none !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386115067000002"] { top: 68px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1765960152932000002"] { top: 160px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386803141000001"] { top: 258px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386716418"] { top: 330px !important; } #rec1884141421 .t396 .t396__artboard, #rec1884141421 .t396 .t396__filter, #rec1884141421 .t396 .t396__carrier { height: calc(865px * var(--zoom, 1)) !important; } #rec1884141421.t-rec > .t396 { height: calc(865px * var(--zoom, 1)) !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1765960122111"] { left: 18px !important; width: 284px !important; height: 800px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386115067000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1765960152932000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386803141000001"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386716418"] { left: 36px !important; width: 248px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386803141000001"] { width: auto !important; } #rec1884141421 .t396 .t396__artboard, #rec1884141421 .t396 .t396__filter, #rec1884141421 .t396 .t396__carrier { height: calc(840px * var(--zoom, 1)) !important; } #rec1884141421.t-rec > .t396 { height: calc(840px * var(--zoom, 1)) !important; } /* --- 17. Резиденты и СПА: первый экран не имел мобильной раскладки (десктопные размеры) --- */ #rec1703341871 .t396 .tn-elem[data-elem-id="1764941610138"], #rec1703438681 .t396 .tn-elem[data-elem-id="1764941610138"] { left: 18px !important; top: 320px !important; width: 284px !important; height: auto !important; } #rec1703341871 .t396 .tn-elem[data-elem-id="1764942008521000001"], #rec1703438681 .t396 .tn-elem[data-elem-id="1764942008521000001"] { left: 18px !important; top: 400px !important; width: 284px !important; height: auto !important; } #rec1703341871 .t396 .tn-elem[data-elem-id="1764941947331000001"], #rec1703438681 .t396 .tn-elem[data-elem-id="1764941947331000001"] { left: 18px !important; top: 585px !important; } #rec1703341871 .t396 .tn-elem[data-elem-id="1764942041686000003"], #rec1703438681 .t396 .tn-elem[data-elem-id="1764942041686000003"] { left: 18px !important; top: 640px !important; } /* карточки «Присоединяйтесь к сообществу» и «Центр деловой жизни» были шириной в десктоп */ #rec1703386221 .t396 .tn-group[data-group-id="1765790552301000002"] { left: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; } #rec1703386221 .tn-group[data-group-id="1765790552301000002"] .tn-group, #rec1703386221 .tn-group[data-group-id="1765790552301000002"] .tn-elem[data-elem-type="text"] { width: 100% !important; left: 0 !important; } #rec1703386221 .tn-group[data-group-id="1765963402578000002"] > .tn-molecule { flex-direction: column !important; align-items: flex-start !important; row-gap: 12px !important; } #rec1703386221 .tn-group[data-group-id="1765963402578000002"] .tn-elem { width: auto !important; left: 0 !important; } #rec1703411661 .t396 .tn-group[data-group-id="1765790552301000002"], #rec1703411661 .t396 .tn-elem[data-elem-id="1765791484866000001"] { width: 284px !important; } #rec1703411661 .tn-group[data-group-id="1765790552301000002"] .tn-group, #rec1703411661 .tn-group[data-group-id="1765790552301000002"] .tn-elem[data-elem-type="text"] { width: 100% !important; } /* --- 18. СПА: карточки услуг стояли ниже пустого поля в 650 единиц и шириной под десктоп; делаем ленту --- */ #rec1703611471 .t396 .tn-group[data-group-id="1765794941128000048"] { top: 0 !important; width: auto !important; height: auto !important; } #rec1703611471 .tn-group[data-group-id="1765794941128000048"] > .tn-molecule { column-gap: 12px !important; } #rec1703611471 .tn-group[data-group-id="1765794941128000048"] > .tn-molecule > .tn-group { width: 284px !important; flex: 0 0 284px !important; height: 480px !important; } #rec1703611471 .tn-group[data-group-id="1765794941128000048"] > .tn-molecule > .tn-group > .tn-molecule { padding-left: 18px !important; padding-right: 18px !important; } #rec1703611471 .tn-group[data-group-id="1765794941128000048"] .tn-group .tn-group, #rec1703611471 .tn-group[data-group-id="1765794941128000048"] .tn-elem[data-elem-type="text"] { width: 100% !important; } #rec1703611471 .tn-elem[data-elem-id="1765965287437000006"] .tn-atom, #rec1703611471 .tn-elem[data-elem-id="1765965404857000007"] .tn-atom, #rec1703611471 .tn-elem[data-elem-id="1765965405528000010"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; } #rec1703611471 .t396__artboard { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } #rec1703611471 .t396__artboard::-webkit-scrollbar { display: none; } #rec1703611471 .t396 .t396__artboard, #rec1703611471 .t396 .t396__filter, #rec1703611471 .t396 .t396__carrier { height: calc(520px * var(--zoom, 1)) !important; } #rec1703611471.t-rec > .t396 { height: calc(520px * var(--zoom, 1)) !important; } /* СПА: большое фото интерьера в ширину поля */ #rec1703675041 .t396 .tn-group[data-group-id="1765792108936000001"], #rec1703675041 .t396 .tn-elem[data-elem-id="1765786596710"] { width: 284px !important; } /* --- 19. Контакты: у страницы не было мобильной раскладки, собираем её --- */ /* адреса и телефон бизнес-парка: колонка, карта под ними */ #rec1740073881 .t396 .tn-group, #rec1740073881 .t396 .tn-group .tn-elem[data-elem-type="text"] { width: 284px !important; max-width: 284px !important; } #rec1740073881 .t396 .tn-elem[data-elem-id="1766146081619"], #rec1740073881 .t396 .tn-elem[data-elem-id="1776374744439000001"] { left: 18px !important; top: 460px !important; width: 284px !important; height: 300px !important; } #rec1740073881 .t396 .tn-elem[data-elem-id="1766145913971"] { left: 66px !important; } #rec1740073881 .t396 .t396__artboard, #rec1740073881 .t396 .t396__filter, #rec1740073881 .t396 .t396__carrier { height: calc(800px * var(--zoom, 1)) !important; } #rec1740073881.t-rec > .t396 { height: calc(800px * var(--zoom, 1)) !important; } /* карточки ресторанов, отеля, резиденций и спа: одна колонка, высота по содержимому */ #rec1740107051 .t396 .tn-group[data-group-id="1765799668321000018"], #rec1740129931 .t396 .tn-group[data-group-id="1765799668321000018"] { width: 284px !important; height: auto !important; } #rec1740107051 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule, #rec1740129931 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule { flex-direction: column !important; row-gap: 12px !important; } #rec1740107051 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule > .tn-group, #rec1740129931 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule > .tn-group { width: 100% !important; height: auto !important; min-height: 0 !important; } #rec1740107051 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule > .tn-group > .tn-molecule, #rec1740129931 .tn-group[data-group-id="1765799668321000018"] > .tn-molecule > .tn-group > .tn-molecule { padding: 24px 18px 24px !important; row-gap: 20px !important; justify-content: flex-start !important; } #rec1740107051 .tn-group[data-group-id="1765799668321000018"] .tn-group .tn-elem, #rec1740129931 .tn-group[data-group-id="1765799668321000018"] .tn-group .tn-elem, #rec1740107051 .tn-group[data-group-id="1765799668321000018"] .tn-group .tn-group, #rec1740129931 .tn-group[data-group-id="1765799668321000018"] .tn-group .tn-group { top: 0 !important; left: 0 !important; max-width: 100% !important; } #rec1740107051 .tn-elem[data-elem-type="text"], #rec1740129931 .tn-elem[data-elem-type="text"] { width: 100% !important; } #rec1740107051 .tn-elem[data-field-fontsize-res-320-value="28"] .tn-atom, #rec1740129931 .tn-elem[data-field-fontsize-res-320-value="28"] .tn-atom, #rec1740107051 .tn-elem[data-elem-id="1765799641710000014"] .tn-atom, #rec1740129931 .tn-elem[data-elem-id="1765799641710000014"] .tn-atom, #rec1740107051 .tn-elem[data-elem-id="1766740625028000023"] .tn-atom, #rec1740129931 .tn-elem[data-elem-id="1766740625028000023"] .tn-atom, #rec1740107051 .tn-elem[data-elem-id="1766740626365000032"] .tn-atom, #rec1740129931 .tn-elem[data-elem-id="1766740626365000032"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; } #rec1740107051 .tn-elem[data-elem-type="button"] .tn-atom, #rec1740129931 .tn-elem[data-elem-type="button"] .tn-atom { font-size: 24px !important; } /* форма стояла за правым краем экрана */ #rec1740173831 .t396 .tn-group[data-group-id="1766741395840000002"], #rec1740173831 .tn-group[data-group-id="1766741395840000002"] .tn-elem { width: 284px !important; max-width: 284px !important; } #rec1740173831 .tn-elem[data-elem-id="1765799641710000014"] .tn-atom { font-size: 26px !important; line-height: 1.05 !important; } #rec1740173831 .t396 .tn-elem[data-elem-id="1766742077288000005"] { left: 18px !important; top: 150px !important; width: 284px !important; } /* вкладки «Бизнес-парк / Офис продаж» на контактах: ширина по тексту, без переносов */ #rec1740145141 .tn-group[data-group-id="1765788015514000001"] .tn-elem { width: auto !important; left: 0 !important; height: auto !important; } #rec1740145141 .tn-group[data-group-id="1765788015514000001"] .tn-elem .tn-atom { white-space: nowrap !important; } #rec1740145141 .tn-group[data-group-id="1765788015514000001"] > .tn-molecule { column-gap: 32px !important; } /* соцсети и карта ближе к телефону */ #rec1740073881 .t396 .tn-elem[data-elem-id="1766145913971"], #rec1740073881 .t396 .tn-elem[data-elem-id="1766145952320000002"] { top: 350px !important; } #rec1740073881 .t396 .tn-elem[data-elem-id="1766146081619"], #rec1740073881 .t396 .tn-elem[data-elem-id="1776374744439000001"] { top: 420px !important; } #rec1740073881 .t396 .t396__artboard, #rec1740073881 .t396 .t396__filter, #rec1740073881 .t396 .t396__carrier { height: calc(760px * var(--zoom, 1)) !important; } #rec1740073881.t-rec > .t396 { height: calc(760px * var(--zoom, 1)) !important; } #rec1740107051 .tn-elem[data-elem-type="image"], #rec1740129931 .tn-elem[data-elem-type="image"], #rec1740107051 .tn-elem[data-elem-type="vector"], #rec1740129931 .tn-elem[data-elem-type="vector"] { left: auto !important; position: relative !important; margin-right: 8px !important; } #rec1740107051 .tn-molecule:has(> .tn-elem[data-elem-type="image"]), #rec1740129931 .tn-molecule:has(> .tn-elem[data-elem-type="image"]), #rec1740107051 .tn-molecule:has(> .tn-elem[data-elem-type="vector"]), #rec1740129931 .tn-molecule:has(> .tn-elem[data-elem-type="vector"]) { display: flex !important; flex-direction: row !important; column-gap: 8px !important; } #rec1740173831 .t396 .t396__artboard, #rec1740173831 .t396 .t396__filter, #rec1740173831 .t396 .t396__carrier { height: calc(740px * var(--zoom, 1)) !important; } #rec1740173831.t-rec > .t396 { height: calc(740px * var(--zoom, 1)) !important; } /* --- 20. События: тёмная распорка под шапкой была 200 единиц, оставляем высоту шапки --- */ #rec1747525031 .t396 .t396__artboard, #rec1747525031 .t396 .t396__filter, #rec1747525031 .t396 .t396__carrier { height: calc(60px * var(--zoom, 1)) !important; } #rec1747525031.t-rec > .t396 { height: calc(60px * var(--zoom, 1)) !important; } /* --- 21. Страница объекта (наш блок): те же поля 20 --- */ #tsto { padding-left: 20px !important; padding-right: 20px !important; } #tsto .o-h1 { font-size: 28px !important; } #tsto .o-bottom { padding-left: 20px !important; padding-right: 20px !important; } /* --- 22. Стрелки каруселей на «О бизнес-парке» стояли за экраном (десктопные координаты) --- */ .t396__artboard > .tn-elem[data-elem-id="1774333515100000003"] { left: 202px !important; } .t396__artboard > .tn-elem[data-elem-id="1774333515100000002"] { left: 258px !important; } /* --- 23. Башни (главная, свой блок tw-block): в раскрытом состоянии панель по высоте списка, без пустоты --- */ #rec2487919621 .tw-panel--expanded { height: auto !important; } #rec2487919621 .tw-panel--expanded .tw-panel__building { position: static !important; display: block; width: 100%; height: 170px !important; } #rec2487919621 .tw-panel--expanded .tw-overlay { position: static !important; height: auto !important; overflow: visible !important; } /* --- 24. Стрелки каруселей: круглые 44 вместо квадратов 50, в отдельных блоках по центру; стрелки-картинки тоже круглые --- */ .tn-elem[data-elem-id="1782370006305000004"], .tn-elem[data-elem-id="1782369982342000003"], .tn-elem[data-elem-id="1765787933465000002"], .tn-elem[data-elem-id="1765787933465000003"] { width: 44px !important; height: 44px !important; } .tn-elem[data-elem-id="1765787933465000002"] .tn-atom, .tn-elem[data-elem-id="1765787933465000003"] .tn-atom, .tn-elem[data-elem-id="1765787933465000002"] img, .tn-elem[data-elem-id="1765787933465000003"] img { border-radius: 50% !important; overflow: hidden; } .tn-elem[data-elem-id="1782370006305000004"] .tn-atom, .tn-elem[data-elem-id="1782369982342000003"] .tn-atom, .tn-elem[data-elem-id="1782370006305000004"] img, .tn-elem[data-elem-id="1782369982342000003"] img, .tn-elem[data-elem-id="1782370006305000004"] svg { border-radius: 50% !important; overflow: hidden; } .tn-elem[data-elem-id="1774333515100000002"], .tn-elem[data-elem-id="1774333515100000003"], .tn-elem[data-elem-id="1774329861337"], .tn-elem[data-elem-id="1774329943912000001"], .tn-elem[data-elem-id="1782193359388000002"], .tn-elem[data-elem-id="1782193359388000003"], .tn-elem[data-elem-id="1787324212240000002"], .tn-elem[data-elem-id="1787324212240000003"] { width: 44px !important; height: 44px !important; } .tn-elem[data-elem-id="1774333515100000002"] .tn-atom, .tn-elem[data-elem-id="1774333515100000003"] .tn-atom, .tn-elem[data-elem-id="1774329861337"] .tn-atom, .tn-elem[data-elem-id="1774329943912000001"] .tn-atom, .tn-elem[data-elem-id="1782193359388000002"] .tn-atom, .tn-elem[data-elem-id="1782193359388000003"] .tn-atom, .tn-elem[data-elem-id="1787324212240000002"] .tn-atom, .tn-elem[data-elem-id="1787324212240000003"] .tn-atom { border-radius: 50% !important; } #rec2154241321 .t396 .tn-elem[data-elem-id="1774333515100000003"], #rec2069699151 .t396 .tn-elem[data-elem-id="1774333515100000003"], #rec2099918111 .t396 .tn-elem[data-elem-id="1774333515100000003"], #rec2210603801 .t396 .tn-elem[data-elem-id="1774333515100000003"], #rec2069389811 .t396 .tn-elem[data-elem-id="1774329943912000001"] { left: 110px !important; top: 23px !important; } #rec2154241321 .t396 .tn-elem[data-elem-id="1774333515100000002"], #rec2069699151 .t396 .tn-elem[data-elem-id="1774333515100000002"], #rec2099918111 .t396 .tn-elem[data-elem-id="1774333515100000002"], #rec2210603801 .t396 .tn-elem[data-elem-id="1774333515100000002"], #rec2069389811 .t396 .tn-elem[data-elem-id="1774329861337"] { left: 166px !important; top: 23px !important; } /* --- 25. Один стиль заголовков на телефоне: раздел и карточка одного размера, оба капсом --- */ .tn-elem[data-elem-id="1764942385294000001"] .tn-atom, .tn-elem[data-elem-id="1770386115067000002"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; } .tn-elem[data-elem-id="1766140248435000007"] .tn-atom, .tn-elem[data-elem-id="1765788424464000001"] .tn-atom, .tn-elem[data-elem-id="1765794469305000003"] .tn-atom, .tn-elem[data-elem-id="1765794804602000037"] .tn-atom, .tn-elem[data-elem-id="1765794941129000054"] .tn-atom, .tn-elem[data-elem-id="1765794941129000051"] .tn-atom, .tn-elem[data-elem-id="1765965287437000006"] .tn-atom, .tn-elem[data-elem-id="1765965404857000007"] .tn-atom, .tn-elem[data-elem-id="1765965405528000010"] .tn-atom, .tn-elem[data-elem-id="1765799641710000014"] .tn-atom, .tn-elem[data-elem-id="1766740625028000023"] .tn-atom, .tn-elem[data-elem-id="1766740626365000032"] .tn-atom, .tn-elem[data-elem-id="1765799643206000017"] .tn-atom, .tn-elem[data-elem-id="1765799548014000008"] .tn-atom, .tn-elem[data-elem-id="1774950955782000003"] .tn-atom, .tn-elem[data-elem-id="1774950967186000009"] .tn-atom, .tn-elem[data-elem-id="1774950967631000012"] .tn-atom, .tn-elem[data-elem-id="1782839897271000008"] .tn-atom, .tn-elem[data-elem-id="1782839939554000011"] .tn-atom, .tn-elem[data-elem-id="1782839953254000014"] .tn-atom, .tn-elem[data-elem-id="1765965287437000006"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; text-transform: uppercase !important; } #rec2496410171 .tn-elem[data-elem-id="1766140248435000007"] .tn-atom { font-size: 18px !important; text-transform: none !important; } #rec1740173831 .tn-elem[data-elem-id="1765799641710000014"] .tn-atom { font-size: 24px !important; } /* --- 26. Карточки во всю ширину экрана: текст внутри встаёт на ту же левую линию, что и заголовки разделов --- */ /* flex-холсты с карточками: поле холста убираем, отступ даёт сама карточка */ #rec2070478421 .t396 .t396__artboard-flex, #rec2070746661 .t396 .t396__artboard-flex, #rec2070748971 .t396 .t396__artboard-flex, #rec2070750041 .t396 .t396__artboard-flex, #rec2070750691 .t396 .t396__artboard-flex, #rec1692880371 .t396 .t396__artboard-flex, #rec1713531791 .t396 .t396__artboard-flex, #rec1713532001 .t396 .t396__artboard-flex, #rec1713532991 .t396 .t396__artboard-flex, #rec2058075211 .t396 .t396__artboard-flex, #rec2496410171 .t396 .t396__artboard-flex, #rec2472701941 .t396 .t396__artboard-flex, #rec1703386221 .t396 .t396__artboard-flex { padding-left: 0 !important; padding-right: 0 !important; } /* обычные холсты: карточка и её фон от края до края */ .t396 .t396__artboard > .tn-group[data-group-id="1765790552301000002"], .t396 .t396__artboard > .tn-elem[data-elem-id="1765791484866000001"], .t396 .t396__artboard > .tn-group[data-group-id="1765786994941000009"], .t396 .t396__artboard > .tn-group[data-group-id="1765789973562000001"], .t396 .t396__artboard > .tn-elem[data-elem-id="1774354089926000001"], #rec1693791831 .t396 .t396__artboard > .tn-group, #rec1732913701 .t396 .t396__artboard > .tn-group, #rec1740107051 .t396 .tn-group[data-group-id="1765799668321000018"], #rec1740129931 .t396 .tn-group[data-group-id="1765799668321000018"], #rec1884108371 .t396 .tn-elem[data-elem-id="1765960122111"], #rec1884141421 .t396 .tn-elem[data-elem-id="1765960122111"], #rec1884033761 .t396 .tn-group[data-group-id="1765790552301000002"], #rec1884033761 .t396 .tn-elem[data-elem-id="1765791484866000001"], #rec1703411661 .t396 .tn-group[data-group-id="1765790552301000002"], #rec1703411661 .t396 .tn-elem[data-elem-id="1765791484866000001"] { left: 0 !important; width: 320px !important; } .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group[data-group-width-res-320-value="300"], .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group[data-group-width-res-320-value="299"], .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"][data-field-width-res-320-value="300"], .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"][data-field-width-res-320-value="299"] { width: 100% !important; } #rec1732913701 .t396 .tn-group .tn-group > .tn-molecule { padding-left: 18px !important; padding-right: 18px !important; } #rec1884108371 .t396 > .t396__artboard > .tn-group[data-group-left-res-320-value="30"], #rec1884108371 .t396 > .t396__artboard > .tn-elem[data-field-left-res-320-value="30"], #rec1884108371 .t396 .tn-elem[data-elem-id="1765960172985000001"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386115067000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1765960152932000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386803141000001"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386716418"] { left: 18px !important; } #rec1884141421 .t396 .tn-elem[data-elem-id="1770386115067000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1765960152932000002"], #rec1884141421 .t396 .tn-elem[data-elem-id="1770386716418"] { width: 284px !important; } /* каталог: карточка на всю ширину, текст на линии 20 */ .t-store .t-store__card { padding-left: 0 !important; padding-right: 0 !important; } #rec2472701941 .tn-elem[data-elem-id="1782979011000000001"] { margin-left: 20px !important; width: calc(100% - 40px) !important; } #rec2472701941 .tn-group[data-group-id="1782979476804000001"] > .tn-molecule, #rec2472701941 .tn-group[data-group-id="1782979508381000006"] > .tn-molecule, #rec2472701941 .tn-group[data-group-id="1782979509377000010"] > .tn-molecule { padding-left: 20px !important; padding-right: 20px !important; } /* --- 27. «О бизнес-парке», галерея рендеров: были пять полосок по 90, теперь лента карточек 284×350 --- */ #rec2069703821 .t396 .t396__artboard > .tn-group[data-group-id="1765786994941000009"] { left: 18px !important; width: auto !important; height: 350px !important; } #rec2069703821 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { display: flex !important; flex-direction: row !important; column-gap: 12px !important; row-gap: 0 !important; } #rec2069703821 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { width: 284px !important; flex: 0 0 284px !important; height: 350px !important; top: 0 !important; left: 0 !important; margin: 0 !important; } #rec2069703821 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"] { width: 100% !important; height: 350px !important; } #rec2069703821 .t396__artboard { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } /* листание пальцем останавливается на карточке, как в остальных лентах */ #rec2069703821 .t396 .t396__artboard { scroll-snap-type: x proximity; scroll-padding-left: calc(18px * var(--zoom, 1)); } #rec2069703821 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { scroll-snap-align: start; } #rec2069703821 .t396__artboard::-webkit-scrollbar { display: none; } #rec2069703821 .t396 .t396__artboard, #rec2069703821 .t396 .t396__filter, #rec2069703821 .t396 .t396__carrier { height: calc(380px * var(--zoom, 1)) !important; } #rec2069703821.t-rec > .t396 { height: calc(380px * var(--zoom, 1)) !important; } /* карточки-фото с подписью снизу (СПА, резиденты, ресторан): подпись на линии 20 */ .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group > .tn-molecule > .tn-elem[data-elem-type="text"] { margin-left: 18px !important; width: calc(100% - 36px) !important; max-width: calc(100% - 36px) !important; left: 0 !important; } /* команда ресторана: подпись под фото с отступом */ #rec1884033831 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group > .tn-molecule > .tn-group { margin-left: 18px !important; width: calc(100% - 36px) !important; } /* текстовые группы внутри фото-карточек: отступ 18 при карточке во всю ширину (выше их перекрывало правило ширины 280) */ .t396 .tn-group[data-group-id="1766148521823000008"], .t396 .tn-group[data-group-id="1766148948584000002"], .t396 .tn-group[data-group-id="1766148950399000010"], .t396 .tn-group[data-group-id="1773998807881000002"], .t396 .tn-group[data-group-id="1766144068321000005"], .t396 .tn-group[data-group-id="1766144228361000001"] { left: 18px !important; width: calc(100% - 36px) !important; } .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group > .tn-molecule > .tn-elem[data-elem-type="text"] .tn-atom { white-space: normal !important; } .t396__artboard > .tn-elem[data-elem-id="1782370006305000004"], .t396__artboard > .tn-elem[data-elem-id="1765787933465000002"] { left: 110px !important; } .t396__artboard > .tn-elem[data-elem-id="1782369982342000003"], .t396__artboard > .tn-elem[data-elem-id="1765787933465000003"] { left: 166px !important; } /* --- 28. Главная, первый экран: рендер зданий выше, чтобы экран не встречал одним небом --- */ #rec1679373101 .t396 .t396__artboard-flex { padding-top: calc(96px * var(--zoom, 1)) !important; } #rec1679373101 .tn-elem[data-elem-id="1765456384528"] { order: -1 !important; height: 190px !important; width: calc(100% + 36px) !important; max-width: none !important; margin-left: -18px !important; margin-right: -18px !important; margin-bottom: 24px !important; } #rec1679373101 .tn-elem[data-elem-id="1765456384528"] .tn-atom, #rec1679373101 .tn-elem[data-elem-id="1765456384528"] img { height: 100% !important; width: 100% !important; object-fit: cover !important; object-position: center 65% !important; } #rec1679373101 .tn-elem[data-elem-id="1765456464444"] { margin-bottom: 20px !important; } #rec1679373101 .t396 .t396__artboard, #rec1679373101 .t396 .t396__filter, #rec1679373101 .t396 .t396__carrier { height: calc(790px * var(--zoom, 1)) !important; } #rec1679373101.t-rec > .t396 { height: calc(790px * var(--zoom, 1)) !important; } /* --- 29. Страница объекта: три размера шрифта (заголовки, текст, теги и кнопки), карточки во всю ширину, всё на линии 20 --- */ #tsto { padding-top: 84px !important; padding-bottom: 48px !important; } #tsto .o-side { gap: 14px !important; } #tsto .o-tags span { height: 30px !important; padding: 0 12px !important; font-size: 12px !important; } #tsto .o-h1 { font-size: 27px !important; line-height: 1.05 !important; text-transform: uppercase !important; } #tsto .o-cta, #tsto .o-descr__more, #tsto .o-links a, #tsto .o-cta2 button, #tsto .o-card__btns button, #tsto .o-card__btns a { font-size: 12px !important; } #tsto .o-descr, #tsto .o-feat__t, #tsto .o-list span, #tsto .o-lead, #tsto .o-cta2 p, #tsto .o-bullets li, #tsto .o-card span, #tsto .o-chars { font-size: 13.5px !important; line-height: 1.5 !important; } #tsto .o-kicker { display: none !important; } #tsto .o-h2big, #tsto .o-feat__h, #tsto .o-list b, #tsto .o-cta2 h2, #tsto .o-h2 { font-size: 27px !important; line-height: 1.05 !important; text-transform: uppercase !important; margin-bottom: 14px !important; } #tsto .o-h2big { margin-bottom: 14px !important; } #tsto .o-feat, #tsto .o-list, #tsto .o-cta2, #tsto .o-complex, #tsto .o-bottom { margin-left: -20px !important; margin-right: -20px !important; } #tsto .o-feat__txt { padding: 24px 20px 28px !important; } #tsto .o-feat__h { margin-bottom: 12px !important; } #tsto .o-list li { padding: 22px 20px 24px !important; } #tsto .o-list b { margin-bottom: 0 !important; } #tsto .o-list span { margin-top: 10px !important; } #tsto .o-cta2 { padding: 28px 20px 30px !important; } #tsto .o-bottom { padding: 24px 20px !important; margin-top: 40px !important; } #tsto .o-sec { margin-top: 48px !important; } #tsto .o-feats { margin-top: 40px !important; } #tsto .o-rel { margin-top: 48px !important; } #tsto .o-card b { font-size: 18px !important; line-height: 1.2 !important; } /* --- 30. Каталог: карточка объекта компактнее, всё по центру, заголовок меньше --- */ .t-store .t-store__card__textwrapper { padding: 16px 20px 6px !important; text-align: center !important; } .t-store .t-store__card__title { font-size: 22px !important; line-height: 1.15 !important; } .t-store .t-store__card__btns-wrapper { padding: 8px 20px 20px !important; align-items: center !important; } .t-store .t-store__card__btns-wrapper .t-btn { width: auto !important; min-width: 220px !important; margin: 0 0 8px !important; } .t-store .t-store__card__btns-wrapper .t-btnflex_type_button2 { justify-content: center !important; padding-left: 0 !important; } /* --- 31. Блок «Инвестиционная привлекательность» не масштабируется вместе с остальными, поэтому размеры в нём подогнаны к соседям вручную --- */ #rec2472701941 .tn-elem[data-elem-id="1782979011000000001"] .tn-atom { font-size: 27px !important; line-height: 1.05 !important; } #rec2472701941 .tn-elem[data-elem-id="1782979265419000002"] .tn-atom, #rec2472701941 .tn-elem[data-elem-id="1782979508381000009"] .tn-atom, #rec2472701941 .tn-elem[data-elem-id="1782979509377000013"] .tn-atom { font-size: 20px !important; } #rec2472701941 .tn-elem[data-elem-id="1782979394888000001"] .tn-atom, #rec2472701941 .tn-elem[data-elem-id="1782979508381000007"] .tn-atom, #rec2472701941 .tn-elem[data-elem-id="1782979509377000011"] .tn-atom { font-size: 13.5px !important; line-height: 1.5 !important; } /* --- 32. Добивка единой шкалы: адрес в подвале, цифры застройщика, названия на фото-карточках --- */ #rec1714177521 .tn-elem[data-elem-id="1766146424575000001"] .tn-atom { font-size: 24px !important; } #rec1732913701 .tn-elem[data-elem-id="1765799548014000008"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579249324000009"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579249808000012"] .tn-atom, #rec1732913701 .tn-elem[data-elem-id="1766579250253000015"] .tn-atom { font-size: 24px !important; text-transform: none !important; } .tn-elem[data-elem-id="1766148422856000007"] .tn-atom, .tn-elem[data-elem-id="1766148948585000007"] .tn-atom, .tn-elem[data-elem-id="1766148950399000015"] .tn-atom, .tn-elem[data-elem-id="1773998807881000007"] .tn-atom, .tn-elem[data-elem-id="1765789939083000001"] .tn-atom, .tn-elem[data-elem-id="1766144228361000007"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; text-transform: uppercase !important; } .tn-elem[data-elem-id="1766148422856000007"], .tn-elem[data-elem-id="1766148948585000007"], .tn-elem[data-elem-id="1766148950399000015"], .tn-elem[data-elem-id="1773998807881000007"], .tn-elem[data-elem-id="1765789939083000001"], .tn-elem[data-elem-id="1766144228361000007"] { height: auto !important; width: 100% !important; } #rec1703425711 .tn-elem[data-elem-id="1765880477112000118"] .tn-atom, #rec1703425711 .tn-elem[data-elem-id="1765959632064000044"] .tn-atom, #rec1703425711 .tn-elem[data-elem-id="1765959632632000055"] .tn-atom { font-size: 24px !important; line-height: 1.05 !important; text-transform: uppercase !important; } /* --- 33. Апартаменты, слайдер рендеров «Просыпайтесь с видом на Каму»: рендеры панорамные (1600×686), на телефоне кадр был портретным 320×423. Приведён к единому формату карточек 284×350 на линии 18, как у остальных лент --- */ #rec2432066101 .tn-group[data-group-id="1782743669142000005"], #rec2432066101 .tn-group[data-group-id="1782743669142000005"] > .tn-group { height: auto !important; } #rec2432066101 .tn-group[data-group-id="1782743669142000005"] > .tn-group { aspect-ratio: 284 / 350; } #rec2432066101 .tn-group[data-group-id="1782743669142000005"] > .tn-group > .tn-molecule { height: 100% !important; background-size: cover !important; background-position: 50% 50% !important; } #rec2432066101 .t396 .t396__artboard { height: calc(474px * var(--zoom, 1)) !important; } #rec2432066101.t-rec > .t396 { height: calc(474px * var(--zoom, 1)) !important; } /* --- 34. Раздел «Инфраструктура» на офисах и апартаментах: одна и та же лента фото была собрана по-разному (на офисах карточки во весь экран и своя прокрутка скриптом, на апартаментах карточки 320 со стрелками справа). Приводим к одному виду: стрелки по центру, карточки 284×350 единиц на линии 18, шаг 12 --- */ /* офисы: холст масштабируемый, значения в единицах холста */ #rec2210603811 .t396 .tn-group[data-group-id="1765786994941000009"] { left: 18px !important; height: 350px !important; } #rec2210603811 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { gap: 12px !important; } #rec2210603811 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { width: 284px !important; flex: 0 0 284px !important; height: 350px !important; scroll-snap-align: start; } #rec2210603811 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"] { width: 100% !important; height: 350px !important; } #rec2210603811 .tn-elem[data-elem-id="1766139795099"], #rec2210603811 .tn-elem[data-elem-id="1766139881715"], #rec2210603811 .tn-elem[data-elem-id="1773996841323"] { display: none !important; } #rec2210603811 .t396 .t396__artboard { scroll-snap-type: x proximity; scroll-padding-left: calc(18px * var(--zoom, 1)); } /* апартаменты: холст без масштабирования, поэтому размеры считаем от ширины экрана (320 единиц = 100vw) */ #rec1693738211 .t396 .t396__artboard { padding-left: 5.625vw !important; padding-right: 0 !important; } #rec1693738211 .t396 .t396__artboard > .tn-group[data-group-id="1787324212240000001"] { align-self: flex-start !important; margin-left: 28.75vw !important; width: 31.25vw !important; height: 13.75vw !important; } #rec1693738211 .tn-elem[data-elem-id="1787324212240000002"], #rec1693738211 .tn-elem[data-elem-id="1787324212240000003"] { width: 13.75vw !important; height: 13.75vw !important; top: 0 !important; } #rec1693738211 .tn-elem[data-elem-id="1787324212240000003"] { left: 0 !important; } #rec1693738211 .tn-elem[data-elem-id="1787324212240000002"] { left: 17.5vw !important; } #rec1693738211 .t396 .t396__artboard > .tn-group[data-group-id="1765786994941000009"] { align-self: flex-start !important; width: 94.375vw !important; max-width: none !important; height: 109.4vw !important; scroll-snap-type: x proximity; } #rec1693738211 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { gap: 3.75vw !important; } #rec1693738211 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { width: 88.75vw !important; flex: 0 0 88.75vw !important; height: 109.4vw !important; scroll-snap-align: start; } #rec1693738211 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"] { width: 100% !important; height: 109.4vw !important; } #rec1693738211 .t396 .t396__artboard { height: calc(32px + 123.15vw) !important; } #rec1693738211.t-rec > .t396 { height: calc(32px + 123.15vw) !important; } /* --- 35. Все ленты фото на телефоне в одном формате: карточки 284×350 на линии 18, шаг 12, стрелки по центру, листание по одной карточке, без самопрокрутки (самопрокрутка выключена в скриптах блоков) --- */ /* главная, лента «Инфраструктура» (та же, что на офисах и апартаментах) */ #rec1692717941 .t396 .tn-group[data-group-id="1765786994941000009"] { left: 18px !important; height: 350px !important; } #rec1692717941 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { gap: 12px !important; } #rec1692717941 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { width: 284px !important; flex: 0 0 284px !important; height: 350px !important; scroll-snap-align: start; } #rec1692717941 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"] { width: 100% !important; height: 350px !important; } #rec1692717941 .t396 .t396__artboard { height: calc(350px * var(--zoom, 1)) !important; scroll-snap-type: x proximity; scroll-padding-left: calc(18px * var(--zoom, 1)); } #rec1692717941.t-rec > .t396 { height: calc(350px * var(--zoom, 1)) !important; } /* апартаменты, лента рендеров «Новый архитектурный код»: тот же формат, что и слайдер выше */ #rec2432092391 .tn-group[data-group-id="1782743669142000005"], #rec2432092391 .tn-group[data-group-id="1782743669142000005"] > .tn-group { height: auto !important; } #rec2432092391 .tn-group[data-group-id="1782743669142000005"] > .tn-group { aspect-ratio: 284 / 350; } #rec2432092391 .tn-group[data-group-id="1782743669142000005"] > .tn-group > .tn-molecule { height: 100% !important; background-size: cover !important; background-position: 50% 50% !important; } #rec2432092391 .t396 .t396__artboard { height: calc(474px * var(--zoom, 1)) !important; } #rec2432092391.t-rec > .t396 { height: calc(474px * var(--zoom, 1)) !important; } /* ресторан, лента «Современная северная гастрономия»: карточки на линии, той же ширины */ #rec1884033731 .t396 .tn-group[data-group-id="1765786994941000009"] { left: 18px !important; width: 302px !important; } #rec1884033731 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { gap: 12px !important; } #rec1884033731 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule > .tn-group { width: 284px !important; flex: 0 0 284px !important; scroll-snap-align: start; } #rec1884033731 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="shape"] { width: 100% !important; } #rec1884033731 .tn-group[data-group-id="1765786994941000009"] .tn-elem[data-elem-type="text"] { left: 0 !important; width: 100% !important; } #rec1884033731 .tn-group[data-group-id="1765786994941000009"] { scroll-snap-type: x proximity; } /* офисы, рендер «Панорама Камы»: картинка была шире линии и уходила за правый край */ #rec1693112061 .t396 .tn-elem[data-elem-id="1765786596710"] { width: 284px !important; height: 154px !important; } #rec1693112061 .t396 .t396__artboard { height: calc(164px * var(--zoom, 1)) !important; } #rec1693112061.t-rec > .t396 { height: calc(164px * var(--zoom, 1)) !important; } /* офисы, лента «Новый архитектурный код» (слайдер slick): кадры по ширине экрана, фото 284×350 на линии */ #rec2069439201 .t396 .tn-elem[data-elem-id="1774330706108"] { width: 100% !important; height: 350px !important; } #rec2069439201 .t396 .t396__artboard { height: calc(350px * var(--zoom, 1)) !important; } #rec2069439201.t-rec > .t396 { height: calc(350px * var(--zoom, 1)) !important; } #rec2069439201 .slick-list, #rec2069439201 .slick-slide { height: auto !important; } #rec2069376031 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069386201 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069386631 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069387281 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069387501 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069389421 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069389531 .t396 .tn-elem[data-elem-id="1765786596710"] { left: 18px !important; width: 284px !important; height: 350px !important; } #rec2069376031 .t396 .t396__artboard, #rec2069386201 .t396 .t396__artboard, #rec2069386631 .t396 .t396__artboard, #rec2069387281 .t396 .t396__artboard, #rec2069387501 .t396 .t396__artboard, #rec2069389421 .t396 .t396__artboard, #rec2069389531 .t396 .t396__artboard { height: calc(350px * var(--zoom, 1)) !important; } #rec2069376031.t-rec > .t396, #rec2069386201.t-rec > .t396, #rec2069386631.t-rec > .t396, #rec2069387281.t-rec > .t396, #rec2069387501.t-rec > .t396, #rec2069389421.t-rec > .t396, #rec2069389531.t-rec > .t396 { height: calc(350px * var(--zoom, 1)) !important; } /* элементы, которые начинались на линии, но были шире контента и уходили за правое поле */ .tn-elem[data-elem-id="1766145611146"] { width: 284px !important; } .t396 .tn-group[data-group-id="1766146860621000030"] { width: 284px !important; } #rec1693738001 .t396 .tn-elem[data-elem-id="1764941610138"] { width: 284px !important; } /* стрелки у лент апартаментов по центру, как у остальных */ #rec2432066101 .t396 .t396__artboard > .tn-group[data-group-id="1782193359388000001"], #rec2432092391 .t396 .t396__artboard > .tn-group[data-group-id="1782193359388000001"] { align-self: center !important; } /* подзаголовок первого экрана апартаментов не шире линии */ #rec1693738001 .t396 .tn-elem[data-elem-id="1764942008521000001"] { width: 284px !important; } /* линия под вкладками из двух пунктов: по ширине контента (у элемента нет масштаба, поэтому через var(--zoom)) */ #rec1713812151 .t396 .tn-elem[data-elem-id="1764943300094000001"], #rec2069561041 .t396 .tn-elem[data-elem-id="1764943300094000001"], #rec1740145141 .t396 .tn-elem[data-elem-id="1764943300094000001"] { left: calc(18px * var(--zoom, 1)) !important; width: calc(284px * var(--zoom, 1)) !important; } /* хвост ленты: запас справа, чтобы последняя карточка тоже вставала на линию */ #rec2210603811 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule, #rec1692717941 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule, #rec1693738211 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule, #rec1884033731 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule, #rec2069703821 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { width: max-content !important; padding-right: 18px !important; } #rec2432066101 .scrollable2, #rec2432092391 .scrollable2 { padding-right: 18px !important; box-sizing: content-box !important; column-gap: 12px !important; } #rec2432066101 .t396 .t396__artboard > .tn-group[data-group-id="1782743669142000005"], #rec2432092391 .t396 .t396__artboard > .tn-group[data-group-id="1782743669142000005"] { align-self: flex-start !important; } #rec1693738211 .tn-group[data-group-id="1765786994941000009"] > .tn-molecule { padding-right: 5.625vw !important; } /* --- 36. Всплывающие формы («Связаться», «Записаться на встречу»): на телефоне панель формы во весь экран, как на странице офисов; раньше на главной и апартаментах панель была 298 единиц с полями по краям и накрывала только 69% высоты --- */ #rec2431049871 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2431051531 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2431057891 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2431064131 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2431065771 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2431069361 .t396 .tn-elem[data-elem-id="1766757965661"], #rec2430979511 .t396 .tn-elem[data-elem-id="1782839245152000001"] { left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; } /* «О бизнес-парке», вкладки «Зимний сад / Открытые террасы»: линия под вкладками висела на 8 px ниже подчёркивания активной вкладки и уходила за экран */ #rec2069728121 .t396 .tn-elem[data-elem-id="1764943300094000001"] { top: calc(33px * var(--zoom, 1)) !important; left: calc(18px * var(--zoom, 1)) !important; width: calc(284px * var(--zoom, 1)) !important; } #rec2069728121 .tn-group[data-group-id="1765788015514000001"] > .tn-molecule { column-gap: 8px !important; } /* --- 37. Апартаменты, аэрофото с метками башен: на телефоне кадр 284×200 со сдвигом вправо, чтобы в него попали все три башни; метки в коде элемента --- */ #rec2069552651 .t396 .tn-elem[data-elem-id="1765786596710"], #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] { left: 18px !important; top: 0 !important; width: 284px !important; height: 200px !important; } #rec2069552651 .t396 .tn-elem[data-elem-id="1765786596710"] .tn-atom { background-position: 75% 50% !important; } #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] .tn-atom { overflow: visible !important; } #rec2069552651 .t396 .t396__artboard { height: calc(316px * var(--zoom, 1)) !important; } #rec2069552651.t-rec > .t396 { height: calc(316px * var(--zoom, 1)) !important; } } /* ============================================================ Планшет и десктоп: правила вне мобильного медиазапроса. Сборка: mobile/build.py, исходник rules-wide.css. ============================================================ */ /* --- W1. Апартаменты, аэрофото с метками башен (rec2069552651). В Zero Block html-слой с метками на брейкпоинтах 640/960/1200 остался размером 1440×600, а фото на них 620×350, 940×385 и 1160×460, поэтому метки уезжали с башен. Слой с метками повторяет размеры фото; на планшете под фото помещаются подписи. --- */ @media screen and (min-width: 640px) and (max-width: 959px) { #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] { left: 10px !important; top: 0 !important; width: 620px !important; height: 350px !important; } #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] .tn-atom { overflow: visible !important; } #rec2069552651 .t396 .t396__artboard { height: calc(450px * var(--zoom, 1)) !important; } #rec2069552651.t-rec > .t396 { height: calc(450px * var(--zoom, 1)) !important; } } @media screen and (min-width: 960px) and (max-width: 1199px) { #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] { left: 10px !important; top: 0 !important; width: 940px !important; height: 385px !important; } } @media screen and (min-width: 1200px) and (max-width: 1439px) { #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] { left: 20px !important; top: 0 !important; width: 1160px !important; height: 460px !important; } } @media screen and (min-width: 1440px) { #rec2069552651 .t396 .tn-elem[data-elem-id="1784120112738"] { left: 20px !important; top: 0 !important; width: 1400px !important; height: 600px !important; } }