@charset "utf-8"; /* * Подключать последним в после страничных CSS и site-chrome.css. * Основной масштаб: js/home-layout.js — transform (iOS Safari). Zoom только запас без JS. */ .pokiza-viewport { width: 100%; max-width: 100%; margin: 0 auto; overflow-x: hidden; position: relative; box-sizing: border-box; } html.pokiza-js-scaled, html.pokiza-js-scaled body { overflow-x: hidden !important; max-width: 100%; } /* * Transform на .main-container не уменьшает занимаемое в потоке место — без overflow-y на обёртке * под «макетом» остаётся пустое бордовое поле и лишняя прокрутка ниже подвала (все страницы <1918px). * На ≤900px класс pokiza-js-scaled не ставится; там home-layout.js может задать overflow-y:visible — он сильнее. */ html.pokiza-js-scaled .pokiza-viewport { overflow-y: hidden; } @media (max-width: 1918px) { html { overflow-x: hidden; } body { min-width: 0 !important; overflow-x: hidden; } .main-container { margin-left: auto !important; margin-right: auto !important; transform-origin: top left !important; } /* Когда скрипт уже масштабирует transform — не дублировать zoom */ html.pokiza-js-scaled .main-container { zoom: unset !important; } } /* Zoom-запас только для планшетной/узкой полосы 901–1918px; до 900px — потоковый адаптив главной */ @media (max-width: 1918px) and (min-width: 901px) { html:not(.pokiza-js-scaled):not(.pokiza-mobile-layout) .main-container { zoom: calc(100vw / 1918) !important; } }