/* ===================== PWRU-240: parity-оверрайды поверх темы sanofi-lm-platform ===================== Грузится ПОСЛЕ theme.css + common.css. По канону redkiebolezni: тему платформы не правим, только дописываем минимум (a11y-хелперы + осознанные расхождения с прод-дизайном). */ /* A11Y: visually-hidden — доступно скринридеру, скрыто визуально. */ .visually-hidden{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;} /* Скип-линк использует штатные классы темы (.skipToMainContent .skip ...), отдельные правила не нужны. */ /* PWRU-236 VIS-12: нижняя полоса футера — нейтральный серый как на prod. Платформенный bg-secondary2 (var(--theme-color-secondary2) = #57576F) читается как индиго/слейт; prod рендерит нейтральный серый. Точечный оверрайд только .footer__bottom (токен secondary2 в остальном UI не трогаем). Сверено по prod-скриншоту footer-desktop. */ .footer__bottom{background-color:#595959;} /* PWRU-236 VIS-13: заголовки контента 1:1 с prod (детальные). Импортированный DETAIL_TEXT оборачивается в .rich-text, и заголовки секций (

…) попадают ВНУТРЬ .rich-text. В теме есть .rich-text h2{font-size:var(--title-2-font-size)} (56px) — по специфичности (0,1,1) он перебивает класс .text-title-1 (0,1,0) → заголовки 56px вместо 35px. На prod те же заголовки лежат ВНЕ .rich-text, поэтому выигрывает .text-title-1 (35px). Возвращаем приоритет явным токен-классам внутри .rich-text (специфичность 0,2,0 > 0,1,1), повторяя фактический результат prod. Токены/брейкпоинты темы не трогаем. */ .rich-text .text-title-1{font-size:var(--title-1-font-size);line-height:1.15;} .rich-text .text-title-2{font-size:var(--title-2-font-size);line-height:1.15;} .rich-text .text-title-3{font-size:var(--title-3-font-size);line-height:1.15;} .rich-text .text-title-4{font-size:var(--title-4-font-size);line-height:1.15;} .rich-text .text-title-5{font-size:var(--title-5-font-size);line-height:1.15;} .rich-text .text-title-6{font-size:var(--title-6-font-size);line-height:1.15;} /* PWRU-236 VIS-14: цвет текста кнопок 1:1 с prod (детальные). Та же причина, что VIS-13: кнопки-ссылки () внутри .rich-text. Правило темы .rich-text a{color:inherit} (спец. 0,1,1) перебивает .button--secondary {color:var(--theme-button-secondary-text-color)} (0,1,0) → текст наследует чёрный вместо белого. На prod кнопка вне .rich-text, поэтому выигрывает токен кнопки. Возвращаем токены кнопок внутри .rich-text (спец. 0,2,0 > 0,1,1) для всех вариантов. */ .rich-text .button--default{color:var(--theme-button-text-color);} .rich-text .button--secondary{color:var(--theme-button-secondary-text-color);} .rich-text .button--tertiary{color:var(--theme-button-tertiary-text-color);} .rich-text .button--quaternary{color:var(--theme-button-quaternary-text-color);} .rich-text .button--outline{color:var(--theme-button-bg-color);} .rich-text .button--link{color:var(--theme-link-text-color);} /* PWRU-236 VIS-15: шрифт заголовков 1:1 с prod (детальные). Та же причина, что VIS-13/14: заголовки секций (

) попадают ВНУТРЬ .rich-text. Тема задаёт .rich-text h1..h6{font-family:var(--theme-rich-text-heading-font-family)}, а сам токен = inherit → заголовок наследует BODY-шрифт (--theme-font-body = "Noto Sans Regular"). Селектор .rich-text h2 (спец. 0,1,1) перебивает класс .font-title (0,1,0). На prod заголовок ВНЕ .rich-text, поэтому выигрывает .font-title → --theme-font-title ("Avant Garde"). Возвращаем title-шрифт явным классам внутри .rich-text (спец. 0,2,0 > 0,1,1), повторяя результат prod. ВАЖНО: это НЕ про сломанный @font-face "Gotham-bold" (404 и на prod, и на prep) — тот токен мёртв (ни title, ни body на него не ссылаются), его баг визуально ни на что не влияет, не копируем и не лечим. */ .rich-text .font-title, .rich-text .text-title-1, .rich-text .text-title-2, .rich-text .text-title-3, .rich-text .text-title-4, .rich-text .text-title-5, .rich-text .text-title-6{font-family:var(--theme-font-title),ui-sans-serif,system-ui,sans-serif;} /* PWRU-236 VIS-16+17: хлебные крошки 1:1 с prod (высота + вид). prep-крошки рендерит общий shared-примитив (Sanofi\BreadcrumbsRenderer, git subtree) — его разметку не трогаем (используется и в redkiebolezni). Приводим ТОЛЬКО вид через портальный overrides, повторяя фактический рендер prod (сверено кроп-скриншотом + computed): prod : • полоса 50px (py-16 вокруг строки 12px), • текст ЧЁРНЫЙ 12px, ссылки ПОДЧЁРКНУТЫ, текущий пункт без подчёркивания, • фон БЕЛЫЙ, без нижней границы, • видимого разделителя НЕТ (chevron-svg фактически невидим → просто отступ). prep по умолчанию (css/common.css): 14px, серый (--pv-muted), «/» через ::after, soft-фон + border-bottom, без подчёркивания — отсюда расхождение. Высоту 50px держим паддингом 16px вокруг строки 12px (как prod), снимая заодно верт. дрейф ~26px на ВСЕХ страницах (крошки — общий компонент). */ .breadcrumbs-wrap{background:#fff;border-bottom:0;} .breadcrumbs{display:flex;flex-flow:row wrap;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;font-size:12px;color:#000;} .breadcrumbs__item{display:flex;align-items:center;} .breadcrumbs__link{color:#000;} a.breadcrumbs__link{text-decoration:underline;} .breadcrumbs__item:not(:last-child)::after{content:none;} /* PWRU-250: список «Источники» — нумерация ШАБЛОНОМ (в ИБ хранятся только тексты). Tailwind-reset темы (ol,ul{list-style:none}) глушит номера → на препе источники без нумерации. Возвращаем decimal на .sources-list (как на проде: «1. 2. 3.» с висячим отступом, интервал между пунктами). Затрагивает все детальные статьи (общий шаблон news.detail). */ .sources-list{list-style:decimal;padding-left:1.75rem;} .sources-list__item{margin-bottom:1rem;padding-left:0.25rem;} /* PWRU-250: «Источники» — сворачиваемый блок (нативный
), вид/поведение как на prod: золотая плашка-заголовок (bg-primary3), иконка +/− слева, закрыт по умолчанию. Прячем дефолтный disclosure-маркер браузера и рисуем +/− через ::before (как accordionPlus/Minus). */ .sources-accordion>summary{display:flex;align-items:center;gap:.75rem;cursor:pointer;list-style:none;} .sources-accordion>summary::-webkit-details-marker{display:none;} .sources-accordion>summary::before{content:"+";flex:0 0 auto;width:1.25rem;font-size:1.5rem;line-height:1;text-align:center;} .sources-accordion[open]>summary::before{content:"\2212";} /* PWRU-250 (бизнес-тест #3): якорные ссылки — компенсация липкой шапки. Шапка sticky top-0 (~145px) перекрывает заголовок-цель → якорь «уезжает под шапку». scroll-padding-top на скролл-контейнере уважается и нативным #anchor, и scrollIntoView (anchorMenu). Заголовок останавливается ПОД шапкой. На мобиле шапка ниже. */ html{scroll-padding-top:150px;} @media (max-width:767px){html{scroll-padding-top:100px;}} /* PWRU-250 (бизнес-тест #5): хаб-карточки (infekcii/статьи) — ЕДИНЫЙ размер превью. Тема рендерит object-contain без фикс. высоты → плитки разной высоты, т.к. исходники разного аспекта (часть НЕ 3:2). Фиксируем бокс 3:2 (как корректный первый ряд) + object-cover. .card__image есть только у card-хабов (у audience — нет), audience не затрагиваем. ВЫБРОСЫ-исходники (не-3:2) ждём в 3:2 от агентства — тогда cover не будет ничего срезать. ИСКЛ.: постеры памяток (.card__image--free) — портретные PDF-обложки, их НЕ режем под 3:2. */ .card__image:not(.card__image--free){aspect-ratio:3/2;overflow:hidden;} .card__image:not(.card__image--free) img{width:100%;height:100%;object-fit:cover;} /* PWRU-292: карусели карточек на главной («Все об инфекциях», «Вакцинация детям и взрослым») строятся TinySlider'ом в .carousel__slide, где контейнер .card__fixedRatio (aspect-box темы) оставляет img height:0 на prep → превью пустые (prod рисует их в натуральном соотношении ~279×186). Возвращаем img натуральную высоту ТОЛЬКО внутри .carousel__slide — паритет с prod. Хаб-сетка (.contentList__card/.grid, без .carousel__slide) не затрагивается: там остаётся 3:2 + object-cover. */ .carousel__slide .card__image img{display:block;height:auto;width:100%;} /* PWRU-284: хаб-карточки articles/infections наследуют глобальный 3:2 + object-cover (выше), чтобы плитки были ЕДИНОГО размера (как на prod). Прежний scoped-откат к natural aspect + object-contain (ради byte-parity) отменён по решению пользователя: приоритет — единая сетка. */ /* PWRU-284: белая панель-«рамка» сетки. Ширина 1280 = prod Magnolia-компонент (шире grid- контейнера 1216 → ~32px белого поля по бокам). Рамка должна ЧИТАТЬСЯ на светлом фото-hero и «заканчиваться на hero» (как на audience-хабе): hero даёт нахлёст -mb-16 (панель top≈720, hero bottom≈784), но карточки начинались уже на 736 → чистой белой полосы над сеткой было ~16px (на фото незаметно). Поднимаем панель НАД hero (z-index > hero z:0), добавляем белую полосу-рамку сверху (padding-top) + тень по краю — белый верх панели рисуется на фото и явно отбивает сетку. */ @media (min-width:1024px){ .hub-bg-panel{ max-width:1280px; position:relative; z-index:1; padding-top:2.5rem; box-shadow:0 -1px 0 rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.10); } } /* PWRU-250 (бизнес-тест): цвет заголовков 1:1 с prod. Тема .rich-text h2..h6{ color:var(--theme-rich-text-heading-font-color)} (спец. 0,1,1) перебивает класс .text-primary2 (0,1,0) → внутри .rich-text заголовки красятся в rich-text-heading-color, а не в бренд-primary2. На prod заголовок ВНЕ .rich-text → выигрывает .text-primary2. Возвращаем явным цвет-классам приоритет внутри .rich-text (0,2,0 > 0,1,1). */ .rich-text .text-primary1{color:var(--theme-color-primary1);} .rich-text .text-primary2{color:var(--theme-color-primary2);} /* PWRU-250 (бизнес-тест #6): хаб «Прививки детям и взрослым» — кликабельна ВСЯ плитка (кружок+подпись), не только текст. Корневая причина: инлайновый внутри блочной схлопывал кликабельный бокс до высоты 0 (картинка видна за счёт overflow, но сам = 0px и не кликается). Достаточно сделать span блочным — берёт натуральную высоту картинки, кликабельная зона совпадает с плиткой. БЕЗ принудительного aspect-ratio: он раздувал бокс и обнажал поля PNG как пустую кликабельную зону. */ .imageAttachment .imageLink>span{display:block;} /* PWRU-250: video-embed facade — стили для мёртвых видео в .rich-text (PAR-02). Лежали в css/common.css, но этот файл не подключается (грузится assets/theme/common.css). Без aspect-ratio контейнер схлопывался до ~24px. Campaign-страницы (vmeste) используют штатный .video-wrapper — video-embed.js их больше не заменяет. */ .rich-text .video-embed{position:relative;aspect-ratio:16/9;margin:8px 0 24px;background:#000;border-radius:12px;overflow:hidden;} .rich-text .video-embed__btn{display:block;width:100%;height:100%;padding:0;margin:0;border:0;cursor:pointer;background:#000;} .rich-text .video-embed__thumb{width:100%;height:100%;object-fit:cover;display:block;} .rich-text .video-embed__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:50px;border-radius:12px;background:rgba(0,0,0,.65);transition:background .2s;} .rich-text .video-embed__play::before{content:"";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff;} .rich-text .video-embed__btn:hover .video-embed__play,.rich-text .video-embed__btn:focus-visible .video-embed__play{background:var(--theme-color-primary2);} .rich-text .video-embed__iframe{width:100%;height:100%;border:0;display:block;} /* PWRU-250: pamyatki hero — 565px 1:1 prod (heroComponent + legacy overlap). */ .heroComponent.pamyatki-hero{height:565px;min-height:565px;max-height:565px;background-size:cover;background-position:center center;} /* PWRU-250: /pamyatki-i-listovki — legacy page shell + flex-1/flex-2/flex-3 1:1 с prod. */ #page-reminders-and-leaflets{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;font-family:Roboto,var(--theme-font-body),ui-sans-serif,sans-serif;background:#e6edf9;overflow:visible;padding-top:32px;} #page-reminders-and-leaflets .body-inner{margin-top:-64px;padding:60px 50px 40px;width:100%;max-width:1280px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;overflow:visible;position:relative;z-index:20;} #page-reminders-and-leaflets .body-inner .about-page{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;} #page-reminders-and-leaflets .body-inner .about-page .reading-time,#page-reminders-and-leaflets .body-inner .about-page .dates{color:#57576f;font-size:20px;line-height:normal;} #page-reminders-and-leaflets .body-inner .about-page .dates{text-align:right;} #page-reminders-and-leaflets .body-inner p.description{color:#57576f;font-size:25.74px;line-height:1.35;margin:0;overflow:visible;word-wrap:break-word;} #page-reminders-and-leaflets .body-inner .desc-1{margin-top:60px;width:100%;padding-bottom:4px;} #page-reminders-and-leaflets .body-inner .flex{display:flex;justify-content:flex-start;flex-wrap:wrap;} #page-reminders-and-leaflets .body-inner .flex-1{margin-top:60px;} #page-reminders-and-leaflets .body-inner .flex-1 .item{margin-right:16px;padding:30px 17.5px;width:100%;max-width:550px;display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;background:#e6edf9;box-sizing:border-box;} #page-reminders-and-leaflets .body-inner .flex-1 .item:last-child{margin-right:0;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-head{padding:0 7.5px;width:100%;text-align:center;color:#43b7c2;font-size:35px;font-weight:700;line-height:normal;box-sizing:border-box;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-preview{margin-top:30px;padding:0 7.5px;width:100%;box-sizing:border-box;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-preview img{width:100%;height:auto;display:block;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-desc{margin-top:30px;width:100%;color:#57576f;font-size:24.74px;line-height:normal;box-sizing:border-box;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-desc p{margin:0;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-btn{display:block;text-decoration:none;margin:30px 34px 0;padding:10px;width:100%;color:#fff;text-align:center;font-size:25.74px;line-height:normal;border-radius:60px;background:#008d9a;box-sizing:border-box;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-btn + .item-btn{margin-top:10px;} #page-reminders-and-leaflets .body-inner .flex-1 .item .item-btn:hover{filter:brightness(1.06);} #page-reminders-and-leaflets .body-inner .page-block{margin-top:100px;} #page-reminders-and-leaflets .body-inner .page-block:first-of-type{margin-top:100px;} #page-reminders-and-leaflets .body-inner .page-block .block-header{color:#008d9a;font-family:Roboto,var(--theme-font-title),ui-sans-serif,sans-serif;font-size:45px;font-weight:700;line-height:normal;margin:0;} #page-reminders-and-leaflets .body-inner .page-block p.description{margin-top:60px;color:#57576f;font-size:25.74px;line-height:normal;} #page-reminders-and-leaflets .body-inner .flex-2{margin-top:60px;} #page-reminders-and-leaflets .body-inner .flex-2 .item{margin-right:15px;margin-bottom:14px;width:100%;max-width:260px;display:flex;justify-content:center;align-content:space-between;flex-wrap:wrap;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid #e5e7eb;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-about{width:100%;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-preview{padding:18px 18px 0;width:100%;background:#e6edf9;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-preview img{width:100%;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-head{padding:20px 20px 0;width:100%;color:#008d9a;font-family:Roboto,var(--theme-font-body),ui-sans-serif,sans-serif;font-size:20px;font-weight:400;line-height:normal;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-head a{color:inherit;text-decoration:none;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-head a:hover{text-decoration:underline;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-btn{display:block;text-decoration:none;margin:25px 20px;padding:10px;width:100%;color:#fff;text-align:center;font-family:Roboto,var(--theme-font-body),ui-sans-serif,sans-serif;font-size:16px;font-weight:400;line-height:normal;background:#008d9a;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-btn:not(:only-of-type):first-of-type{margin-bottom:10px;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-btn + .item-btn{margin-top:0;} #page-reminders-and-leaflets .body-inner .flex-2 .item .item-btn:hover{filter:brightness(1.06);} #page-reminders-and-leaflets .pamyatki-tail .page-block{margin-top:100px;} #page-reminders-and-leaflets .pamyatki-tail .page-block:first-child{margin-top:100px;} #page-reminders-and-leaflets .pamyatki-tail .flex-3{margin-top:60px;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item{margin:0 38px 60px 0;width:100%;max-width:333px;display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;box-sizing:border-box;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 a.item{text-decoration:none;color:inherit;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item .item-preview{width:100%;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item .item-preview img{width:100%;height:auto;display:block;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item .item-preview iframe{width:100%;height:188px;display:block;border:0;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item .item-head{margin-top:30px;width:100%;color:#008d9a;font-size:20px;font-weight:700;line-height:normal;} @media (max-width:1023px){ #page-reminders-and-leaflets .body-inner{padding:40px 24px;} #page-reminders-and-leaflets .body-inner .page-block .block-header{font-size:36px;text-align:center;} #page-reminders-and-leaflets .body-inner p.description,#page-reminders-and-leaflets .body-inner .flex-1 .item .item-desc{font-size:18px;} #page-reminders-and-leaflets .body-inner .flex{justify-content:center;} #page-reminders-and-leaflets .body-inner .flex-1 .item{max-width:360px;} #page-reminders-and-leaflets .body-inner .flex-2 .item{max-width:360px;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item{margin:0 30px 60px;} } @media (max-width:767px){ #page-reminders-and-leaflets .body-inner{margin-top:0;padding:24px 16px;} #page-reminders-and-leaflets .body-inner .about-page{flex-direction:column;} #page-reminders-and-leaflets .body-inner .about-page .dates{text-align:left;margin-top:15px;} #page-reminders-and-leaflets .body-inner .page-block .block-header{font-size:25px;} #page-reminders-and-leaflets .body-inner .flex-1 .item,#page-reminders-and-leaflets .body-inner .flex-2 .item{max-width:100%;margin:0 0 15px;} #page-reminders-and-leaflets .pamyatki-tail .flex-3 .item{max-width:100%;} } @media (min-width:1280px){ body:has(#page-reminders-and-leaflets) main#main{background:#e6edf9;} } Legacy-платформа: узкая колонка max 325–400px + max-height 400–550px + scroll = «корзина» на десктопе. Переосмысливаем: полная ширина контейнера, 3 колонки, токены портала, sentence case. Моб. drawer (subNav--mobile) не трогаем. */ @media (min-width:1024px){ .nav__desktop .subNav--mega{max-height:none!important;box-shadow:0 10px 28px rgba(0,0,0,.08);border-top:3px solid var(--theme-color-primary1);} .nav__desktop .subNav--mega .subNav__bg{max-height:none!important;background:var(--theme-color-secondary1)!important;opacity:1!important;} .nav__desktop .subNav--mega .subNav__container{padding:1rem 1.5rem 1.25rem;max-width:100%;} .nav__desktop .subNav--mega .subNav__list{display:block;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible;column-count:3;column-gap:2.5rem;} .nav__desktop .subNav--mega .subNav__title{column-span:all;display:block;text-transform:none;font-size:1.125rem;font-weight:600;color:var(--theme-color-primary1);padding:0 0 .75rem!important;margin:0 0 .5rem;border-bottom:1px solid rgba(0,141,154,.2);} .nav__desktop .subNav--mega .subNav__item{break-inside:avoid;max-width:none!important;text-transform:none;border:0;padding:0;margin:0;} .nav__desktop .subNav--mega .subNav__itemLink{padding:.3rem 0!important;font-size:.9375rem;line-height:1.35;text-transform:none;background:transparent!important;} .nav__desktop .subNav--mega .subNav__item:hover,.nav__desktop .subNav--mega .subNav__item:focus-within{background:transparent;} .nav__desktop .subNav--mega .subNav__item:hover .subNav__itemLink,.nav__desktop .subNav--mega .subNav__item:focus-within .subNav__itemLink{color:var(--theme-color-primary2);text-decoration:underline;background:transparent!important;} } @media (min-width:1024px) and (max-width:1279px){ .nav__desktop .subNav--mega .subNav__list{column-count:2;} } /* [PWRU-284][PA-UX-07] /naiti-kliniku — Yandex Maps не расширяет mobile viewport (innerWidth 413). */ @media (max-width:767px){ body.page-clinics{overflow-x:hidden;max-width:100vw;} body.page-clinics .clinics{overflow-x:hidden;max-width:100%;} body.page-clinics #clinics-map{max-width:100%;width:100%;} body.page-clinics .ymaps-2-1-79-map{width:100%!important;max-width:100%;} } /* [PWRU-284][PA-UX-08] /masha — carousel не выходит за правый край mobile 390px. */ @media (max-width:767px){ body.page-masha .main{overflow-x:hidden;max-width:100%;} body.page-masha .section-video-carousel, body.page-masha .section-video-carousel__wrapper{overflow-x:hidden;max-width:100%;} body.page-masha .section-video-carousel__slider .video-block{max-width:calc(100vw - 2rem);box-sizing:border-box;} body.page-masha .section-video-carousel__slider .video-block__wrapper{max-width:100%;} } /* [PWRU-284][PA-PERF-09] /pamyatki-i-listovki — контейнер не раздувает горизонтальный scroll. */ @media (max-width:767px){ body.page-pamyatki #page-reminders-and-leaflets{overflow-x:hidden;max-width:100vw;} body.page-pamyatki #page-reminders-and-leaflets .body-inner{overflow-x:hidden;} }