.elementor-6197 .elementor-element.elementor-element-a23ea64>.elementor-widget-container{margin:16px 0 0 0} .elementor-6197 .elementor-element.elementor-element-a23ea64 .elementor-heading-title{font-size:clamp(24px,2.6vw,34px);font-weight:700} .elementor-6197 .elementor-element.elementor-element-a23ea64.elementor-widget-heading .elementor-heading-title{max-width:840px} /*# sourceURL=ccp-af-tpl-inline-css */ /* 1. Контент по ширине шапки и подвала — ОДНИМ правилом на все экраны. Тема Hello ведёт свою лесенку 500/600/800/1140 px по точкам перелома, и на планшете это давало 600 px контента при экране 834: треть ширины пустовала, тогда как шапка и подвал занимали её целиком. Лесенку снимаем: на широком экране упираемся в 1296, на узком значение просто не срабатывает и контент занимает всю доступную ширину за вычетом боковых полей. Селектор повторяет форму темы, иначе не перебить: у Hello стоит body:not([class*="elementor-page-"]) .site-main, и он весомее простого main.site-main. Обходимся без !important. */ body:not([class*="elementor-page-"]) main.site-main{max-width:1296px} /* 2. Единая колонка текста. Одно значение в пикселях для ВСЕГО, что лежит в потоке статьи, — поэтому у заголовков, абзацев и наших блоков общий левый край. Колонку центрируем: иначе она прижата влево и справа остаётся пустота во всю ширину контейнера. */ .page-content > p, .page-content > ul, .page-content > ol, .page-content > dl, .page-content > blockquote, .page-content > h1, .page-content > h2, .page-content > h3, .page-content > h4, .page-content > .ccp-steps, .page-content > .ccp-ai-cta, .page-content > .ccp-note, .page-content > .ccp-verified, .page-content > .ccp-faq, .entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > dl, .entry-content > blockquote, .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > .ccp-steps, .entry-content > .ccp-ai-cta, .entry-content > .ccp-note, .entry-content > .ccp-verified, .entry-content > .ccp-faq, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > p, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > ul, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > ol, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > dl, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > blockquote, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > h1, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > h2, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > h3, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > h4, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-steps, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-ai-cta, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-note, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-verified, body.single-post .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-faq, body.single-post .elementor-location-single .elementor-widget-heading h1.elementor-heading-title, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > p, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > ul, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > ol, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > dl, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > blockquote, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > h1, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > h2, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > h3, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > h4, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-steps, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-ai-cta, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-note, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-verified, body.single-articles .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-faq, body.single-articles .elementor-location-single .elementor-widget-heading h1.elementor-heading-title, .page-header h1.entry-title, .elementor-widget-theme-post-content > .elementor-widget-container > p, .elementor-widget-theme-post-content > .elementor-widget-container > ul, .elementor-widget-theme-post-content > .elementor-widget-container > ol, .elementor-widget-theme-post-content > .elementor-widget-container > dl, .elementor-widget-theme-post-content > .elementor-widget-container > blockquote, .elementor-widget-theme-post-content > .elementor-widget-container > h1, .elementor-widget-theme-post-content > .elementor-widget-container > h2, .elementor-widget-theme-post-content > .elementor-widget-container > h3, .elementor-widget-theme-post-content > .elementor-widget-container > h4, .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-steps, .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-ai-cta, .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-note, .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-verified, .elementor-widget-theme-post-content > .elementor-widget-container > .ccp-faq, .elementor-widget-text-editor > .elementor-widget-container > p, .elementor-widget-text-editor > .elementor-widget-container > ul, .elementor-widget-text-editor > .elementor-widget-container > ol, .elementor-widget-text-editor > .elementor-widget-container > dl, .elementor-widget-text-editor > .elementor-widget-container > blockquote, .elementor-widget-text-editor > .elementor-widget-container > h1, .elementor-widget-text-editor > .elementor-widget-container > h2, .elementor-widget-text-editor > .elementor-widget-container > h3, .elementor-widget-text-editor > .elementor-widget-container > h4, .elementor-widget-text-editor > .elementor-widget-container > .ccp-steps, .elementor-widget-text-editor > .elementor-widget-container > .ccp-ai-cta, .elementor-widget-text-editor > .elementor-widget-container > .ccp-note, .elementor-widget-text-editor > .elementor-widget-container > .ccp-verified, .elementor-widget-text-editor > .elementor-widget-container > .ccp-faq{ max-width:840px; margin-inline:auto; /* Длинные строки без пробелов — ссылки на документы, номера, адреса — не переносятся сами и вылезают за экран, давая горизонтальную прокрутку всей странице. Одна ссылка в 1386 px в колонке 720 растягивала страницу до 1793 при экране 1512. */ overflow-wrap:anywhere} /* Случай 2: та же колонка, но прижатая к левому краю страницы. Сейчас список селекторов пуст — левое прижатие отменено 10.08: на длинном описании локации текст висел в левой половине, а правая половина страницы пустовала. Правило оставлено, чтобы вернуть к левому краю отдельный блок, если понадобится. */ .ccp-layout-none{ max-width:840px; margin-inline:0; overflow-wrap:anywhere} /* Абзацы и списки — по левому краю, без переносов по слогам. 14.09.2026: владелец выбрал вид статей (/ru/dubai-tbilisi-yerevan-relocation-costs-ru/), а там текст не растянут. Растяжка с переносами была нужна колонке 720, где строка короткая; в 840 рваный правый край читается спокойнее и совпадает со статьями. */ .page-content > p, .page-content > ul, .page-content > ol, .page-content > dl, .page-content > blockquote, .entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > dl, .entry-content > blockquote, .elementor-widget-theme-post-content > .elementor-widget-container > p, .elementor-widget-theme-post-content > .elementor-widget-container > ul, .elementor-widget-theme-post-content > .elementor-widget-container > ol, .elementor-widget-theme-post-content > .elementor-widget-container > dl, .elementor-widget-theme-post-content > .elementor-widget-container > blockquote, .elementor-widget-text-editor > .elementor-widget-container > p, .elementor-widget-text-editor > .elementor-widget-container > ul, .elementor-widget-text-editor > .elementor-widget-container > ol, .elementor-widget-text-editor > .elementor-widget-container > dl, .elementor-widget-text-editor > .elementor-widget-container > blockquote{ text-align:left;hyphens:manual} /* Заголовки по ширине не растягиваем: перенос по слогам в них выглядит неряшливо, а строк там одна-две. */ .page-header h1.entry-title, .page-content > h1, .page-content > h2, .page-content > h3, .page-content > h4, .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .elementor-widget-theme-post-content > .elementor-widget-container > h1, .elementor-widget-theme-post-content > .elementor-widget-container > h2, .elementor-widget-theme-post-content > .elementor-widget-container > h3, .elementor-widget-theme-post-content > .elementor-widget-container > h4, .elementor-widget-text-editor > .elementor-widget-container > h1, .elementor-widget-text-editor > .elementor-widget-container > h2, .elementor-widget-text-editor > .elementor-widget-container > h3, .elementor-widget-text-editor > .elementor-widget-container > h4{ text-align:left;hyphens:manual} /* 2.1 Шкала заголовков чтения — одна на сайт (14.09.2026). Значения взяты у статей (.ccp-ar-body), их владелец выбрал эталоном. Обычные страницы темы (/ru/upravlenie-nedvizhimostyu-v-dubae/) брали H2/H3 у кита — 30/22 против 27/21 у статей. Токены — чтобы новые шаблоны ссылались на них, а не заводили свои цифры. Прямые дети .page-content: заголовки внутри наших виджетов (карточки дашбордов и т. п.) остаются со своими размерами. Вес 0,2,1 больше кита (0,1,1), без !important. */ :root{ --ccp-h1:clamp(24px,2.6vw,34px); --ccp-h2:clamp(21px,2.3vw,27px); --ccp-h3:clamp(18px,1.9vw,21px); /* H1 в hero-карточке лендинга (метро, YoloStay/ccp-pg, sell, legal, academy, careers, vacancies, flat-extras). Было три значения: 42/44/52 px. Главная и карточка товара с фото во весь экран — отдельно, их не трогали. */ --ccp-hero-h1:clamp(28px,3.6vw,44px); --ccp-measure:840px} .site-main .page-content>h2{font-size:var(--ccp-h2)} .site-main .page-content>h3{font-size:var(--ccp-h3)} /* 2.2 Компонент «сообщение системы» — дословный текст уведомления из кабинета DLD/девелопера (блок Цитата с классом ccp-msg). Первый случай 14.09.2026: /ru/articles/chto-oznachaet-property-termination-procedure-v-dubae/, где три примера уведомлений стояли жирными абзацами и сливались с текстом. Моно-шрифт (системный, см. ccp-mono-numerics) — чтобы читалось как текст с экрана, а не наша речь. Цвета — токены палитры, ночная тема их подменяет сама. */ blockquote.wp-block-quote.ccp-msg{ margin:16px 0 20px;padding:14px 18px; background:var(--e-global-color-e262747,#F7F7F7); border:1px solid var(--e-global-color-ccpline,#EEEEEE); border-left:4px solid var(--e-global-color-primary,#1D5AD2); border-radius:12px;font-style:normal} blockquote.wp-block-quote.ccp-msg p{ margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:15px;line-height:1.6;text-align:left;hyphens:manual;overflow-wrap:anywhere; color:var(--e-global-color-text,#202124)} blockquote.wp-block-quote.ccp-msg p[dir="rtl"]{ direction:rtl;text-align:right;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:18px} /* 3. Боковые поля на узких экранах. Задаём ПИКСЕЛЯМИ, а не процентами: 2% это 6 px на экране 320 и почти 9 на 430 — текст то липнет к краю, то нет. Мировая практика единодушна: Material Design 16dp, Apple HIG 16pt, Bootstrap 12px, Tailwind 16px. Отступ вешаем на область ТЕКСТА, а не на внешний контейнер: обложки, слайдеры и карты должны оставаться во всю ширину экрана. */ /* Заголовок страницы лежит в СОСЕДНЕМ блоке .page-header, а не в .page-content. Без него он на телефоне торчал левее остального текста на все 16 px. */ @media (max-width:767px){ .page-header,.page-content,.entry-content, .elementor-widget-theme-post-content>.elementor-widget-container{padding-inline:16px} } @media (min-width:768px) and (max-width:1024px){ .page-header,.page-content,.entry-content, .elementor-widget-theme-post-content>.elementor-widget-container{padding-inline:24px} } /* 3.1 ДЫРА МЕЖДУ ПЛАНШЕТОМ И 1296 (найдено замером 12.08 по жалобе владельца: «сжимаю окно до 85% — текст липнет к краю браузера»). Замер ширины внутреннего контейнера по ширине окна: 1440 → 1296 (поле 72) 1360 → 1296 (поле 32) 1300 → 1296 (поле 2) 1280 → 1280 (поле 0) 1200 → 1200 (поле 0) 1100 → 1100 (поле 0) 1024 → 984 (поле 20, сработала планшетная настройка) Причина: у контейнеров ширина задана ЖЁСТКО `width:1296px`, а не max-width. При окне 1200 контейнер всё равно требует 1296 — отсюда и нулевое поле, и горизонтальное переполнение в 10 px в том же диапазоне. Поле вешаем на .e-con-inner (внутреннюю обёртку), а не на .e-con: сам контейнер должен оставаться во всю ширину, иначе обложки, слайдеры и карты перестанут быть полноэкранными. */ @media (min-width:1025px) and (max-width:1360px){ .e-con,.e-con>.e-con-inner{max-width:100%} .e-con>.e-con-inner{padding-inline:24px} } /* 3.2 ШАПКА НА ТЕЛЕФОНЕ ЛОМАЛАСЬ В ДВЕ СТРОКИ (жалоба владельца 12.08: «кнопки ночного режима и языка встают над бургером, причём не на всех устройствах»). Замер правой группы шапки: тема 26 + язык 37 + бургер 33 = 96 px, плюс ДВА ЗАЗОРА ПО 20 = 136 px нужно. А сам контейнер сжимается вместе с экраном: при 500 он 183 (влезает), при 360 — 127, при 320 — 111. Отсюда и «не на всех устройствах»: на 390–430 ещё держится, на 360 рвётся в две строки, на 320 — в три. Лечим тремя правилами сразу: запрещаем перенос, ужимаем зазор и не даём группе сжиматься — свободную ширину пусть отдаёт логотип, ему есть куда. Селектор без номера элемента: у русской и английской шапки (#11252 и #66) номера РАЗНЫЕ, а вот «контейнер, у которого прямым потомком лежит бургер» — признак общий. :has() поддержан во всех текущих браузерах (проверено). */ @media (max-width:880px){ .elementor-location-header .e-con:has(> .elementor-widget-nav-menu){ flex-wrap:nowrap !important; gap:12px !important; flex:0 0 auto !important} } /* На 320 (iPhone SE и подобные) бургер всё ещё вылезал на 2 px за экран: правый край 322 при ширине 320. Зазора 8 хватает с запасом. */ @media (max-width:360px){ .elementor-location-header .e-con:has(> .elementor-widget-nav-menu){gap:8px !important} } /* 3.3 ПЕРЕКЛЮЧАТЕЛЬ ВАЛЮТ НАКРЫВАЛ КОНТЕНТ (замер 12.08 на экране 430: `.woocs_auto_switcher` — fixed, right:0, высота 220, столбиком по центру правого края, z-index 99999. Он лежал прямо поверх полей фильтра). Не прячем — валюта нужна. Кладём компактной полоской в нижний угол: это привычное место для таких виджетов и середину экрана оно не трогает. */ @media (max-width:767px){ .woocs_auto_switcher{ top:auto !important;bottom:12px !important;right:12px !important;left:auto !important; width:auto !important;height:auto !important; display:flex !important;flex-direction:row !important; border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.18)} .woocs_auto_switcher li{ width:auto !important;min-width:48px;height:34px !important;margin:0 !important; display:flex !important;align-items:center;justify-content:center;font-size:12px} } /* На узком экране выравнивание по ширине вредит: строка короткая, дыры между словами становятся заметными. Возвращаем обычное выравнивание. */ @media (max-width:767px){ .page-content > p, .page-content > ul, .page-content > ol, .page-content > dl, .page-content > blockquote, .entry-content > p, .entry-content > ul, .entry-content > ol, .entry-content > dl, .entry-content > blockquote, .elementor-widget-theme-post-content > .elementor-widget-container > p, .elementor-widget-theme-post-content > .elementor-widget-container > ul, .elementor-widget-theme-post-content > .elementor-widget-container > ol, .elementor-widget-theme-post-content > .elementor-widget-container > dl, .elementor-widget-theme-post-content > .elementor-widget-container > blockquote, .elementor-widget-text-editor > .elementor-widget-container > p, .elementor-widget-text-editor > .elementor-widget-container > ul, .elementor-widget-text-editor > .elementor-widget-container > ol, .elementor-widget-text-editor > .elementor-widget-container > dl, .elementor-widget-text-editor > .elementor-widget-container > blockquote{text-align:left} } /* Текстовые строки ВНУТРИ широких блоков. Сам блок — таблица, плитки, график — занимает всю ширину, это правильно. Но лид и сноски внутри него это обычный текст, и на 1296 px они шли строкой в 140 символов. Ограничиваем их той же колонкой, но НЕ центрируем: у блока свой левый край, и текст должен начинаться вместе с ним. */ .ccp-am__lead,.ccp-am__note,.ccp-am__src, .ccp-pm__lead,.ccp-pm__note,.ccp-pm__src, .ccp-rl-note,.ccp-rl__note, .ccp-faq__q,.ccp-faq__a,.ccp-faq__a>p, .ccp-nearby__head,.ccp-steps>p,.ccp-note{max-width:840px} /* Замер 11.08 нашёл ещё три таких подписи, которых в списке не было. Они и давали самые длинные строки на типовых страницах: 1161 px у источника под ходом строительства (страница проекта), 943 px у лида блока мест (локация), 839 px у сноски ипотечного блока (карточка товара). */ .ccp-ps-note,.ccp-ps-source,.ccp-plb__lead,.ccp-mc-note, .ccp-am__growth,.ccp-pm__growth, .ccp-pb__lead,.ccp-pb__byline{max-width:840px} /* 5. ПЛОТНОСТЬ КОНТЕНТА. Аудит 11.08 замерил: на 21 странице из 41 содержимое занимает меньше половины ширины 1296 — то есть страница шириной 1296 используется как 600-700, а остальное пустует по всей высоте. Причина не в самой ширине, а в том, что блоки не научились её ЗАНИМАТЬ: одни остались узкими, другие, наоборот, растянулись до бессмысленного. Всё, что ниже, сделано только стилями — в данных Elementor не меняется ничего, поэтому редактор шаблонов эти правки задеть не могут. ⚠️ Селекторы намеренно тяжелее исходных (ТЕГ + класс против одного класса). Плагины печатают свой