/* * Общий финальный слой адаптива для всех страниц Pokiza. * Подключать последним в после responsive + страничных *-adaptive.css. * Цель: без горизонтального «плыву», без вылезания за край, аккуратные отступы и safe-area. */ @media (max-width: 900px) { /* Как главная: padding-top белого листа + margin заголовка → одно значение для всех страниц с героем */ :root { --pokiza-primary-headline-from-white-top: calc(3rem + 28px); } /* scroll-padding-top под masthead — уже в home-adaptive (html:has body.pokiza-page-inner / pokiza-home) */ html { overflow-x: hidden; -webkit-text-size-adjust: 100%; } body { overflow-x: hidden; margin: 0; min-width: 0; -webkit-overflow-scrolling: touch; } /* * home-adaptive задаёт overflow:visible !important — иначе режется отрицательный margin у белых листов. * Горизонталь отдельно: clip/hidden поверх visible только по оси X. */ .pokiza-viewport { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; overflow-y: visible !important; overflow-x: clip !important; } @supports not (overflow: clip) { .pokiza-viewport { overflow-x: hidden !important; } } .main-container { max-width: 100%; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; /* На мобиле layout — поток; ширина от окна, не от макета 1918px */ width: 100% !important; } /* Медиа в основном контенте не вылезают за колонку */ .main-container img, .main-container video, .main-container iframe, .main-container svg { max-width: 100%; box-sizing: border-box; } /* Длинные URL в ссылках — без горизонтального разъезда */ .main-container a[href^="http"], .main-container a[href^="mailto"], .main-container a[href^="tel"] { overflow-wrap: anywhere; word-break: break-word; } /* Кнопки и ссылки — чуть увереннее тач */ .main-container button, .main-container [role="button"], .main-container .pokiza-masthead__toggle, .main-container a[href].rectangle-16, .main-container a[href].rectangle-24 { touch-action: manipulation; } /* Модалки — отступы под вырез и жесты */ .product-modal, .partner-modal { padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)); padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)); box-sizing: border-box; } .product-modal__sheet, .partner-modal__wrap { max-width: 100%; box-sizing: border-box; } } /* Планшет: без лишней горизонтальной прокрутки при zoom/transform между 901px и шириной макета */ @media (max-width: 1918px) and (min-width: 901px) { html.pokiza-js-scaled body, html.pokiza-js-scaled { overflow-x: hidden; } }