/* ═══════════════════════════════════════════════════════════════════════ Наши преимущества для корпоративных заказчиков ────────────────────────────────────────────── Три столбца карточек, есть подзаголовок под H2. ЭТОТ ФАЙЛ - ДЛЯ ПРАВОК ТОЛЬКО ЭТОГО БЛОКА. Заведено 17.08.2026 по решению Павла: «разведи блоки по файлам», чтобы над разными блоками можно было работать одновременно и правки не затирали друг друга. ПРАВИЛА ДЛЯ ТОГО, КТО ПРАВИТ ЭТОТ ФАЙЛ: 1. Пиши сюда только то, что относится к этому блоку. Общее - карточки, тени, ритм между блоками, заголовки разделов - в 00_obshchee.css. 2. Файл подключается ПОСЛЕ glavnaya.css и guide.css, поэтому перебивает их при равной силе селектора. Но эталонные стили (css/etalon/*) написаны через [data-h] и [data-b] - против них пиши той же формы селектор или сильнее, иначе правило молча проиграет. 3. Каждой правке - комментарий: что меняем, по чьей команде, и строка «Откат: …», чтобы можно было вернуть как было. 4. Эталонные файлы css/etalon/* не трогать: они заморожены, на них ссылается манифест контрольных сумм. 5. Проверять замером на живой странице, а не на глаз. ═══════════════════════════════════════════════════════════════════════ */ /* ── 09.1. Числа блока 09 «Наши преимущества … и бизнеса» ─────────────── */ /* Задание Павла 17.08.2026: «картинка + заголовок» одной высоты, текст во всех карточках начинается на одном уровне. МЕХАНИКА ЗДЕСЬ НЕ ПОВТОРЯЕТСЯ. Она одна на три блока (05, 06, 09) и описана в разделе 05.1 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\05_uslugi.css Там же полный расчёт и таблица чисел по всем трём блокам. Здесь - только значения этого блока. Расчёт для блока 09. Самое длинное слово среди заголовков - «Конфиденциальность», 176,86 точки шрифтом заголовка (Inter, 650, 16px, интерлиньяж 20,8px), замер canvas measureText сверен с живой вёрсткой. Плюс запас 6 точек до правого края = колонка заголовка 183. Ширина карточки за вычетом полей 325,33; зазор 14: 325,33 − 14 − 183 = 128,3 → бокс картинки 128×96. Колонка заголовка получается 183,3 точки, до правого края остаётся 6,47 точки - самое длинное слово не рвётся. Порог трёх строк - 177 точек, колонка шире, значит ни один заголовок блока на третью строку не уходит. Пропорция 4/3, а не 1/1: здесь не фотографии, а значки 120×90, 96×90 и 115×90. Бокс 128×96 повторяет их пропорцию, значок вписывается по высоте (увеличение 6,7% - на глаз незаметно) и прижат влево (object-position: left), поэтому левая вертикаль у всех значков общая, хотя сами они разной ширины. «Тестовый перевод» (149,6 точки) и «Конфиденциальность» (176,86 - одно слово, разорвать нельзя) физически встают в одну строку - вторую строку под ними держит min-height. Было: картинка 46×76, заголовок начинался в 84 точках от левого края карточки, верх текста 112 и 128,3 точки от верха карточки. Стало: картинка 128×96, заголовок в 166 точках, верх текста один. Откат: удалить этот раздел - механика возьмёт запасные значения и картинка вернётся к прежнему размеру. */ .cards3[data-b].korp { --kart-shapka: 183px; --kart-risunok: 100px; /* было 128px - см. пояснение в конце файла */ --kart-proporciya: 4 / 3; } /* Размер картинки - 100x100 во всех трёх блоках (решение Павла 17.08.2026). Расчёт агента давал разные значения: 75 в услугах, 163 в отраслях, 128 в преимуществах - каждый блок брал максимум, который позволяла ширина его карточки. Формально верно, но рядом блоки выглядели разнокалиберно: карточка отраслей 313px против 242px у услуг. Павел выбрал одно число на все блоки - 100x100, как на действующем сайте academperevod.ru. Колонка заголовка при этом остаётся шире самого длинного слова, проверено замером. Откат: вернуть прежние значения 75 / 163 / 128. */ /* ── 09.2. Телефон: карточки плотнее (диктовка Павла 18.08.2026) ──────── */ /* Павел: «Там, где 150, 400, до 70 процентов - всё сильно уменьшаем, чтобы слова „Сертифицированное бюро“, „Конфиденциальность“ попали в одну строку и не вылезали». ЭТОТ БЛОК И ЗАДАЛ КЕГЛЬ ВСЕМ ОСТАЛЬНЫМ. «Конфиденциальность» - самое длинное слово на всей главной: 154,75 точки шрифтом заголовка (Inter, 650) при кегле 14. Разрыв внутри слова запрещён (glavnaya.css, раздел 31), значит вопрос решается только размером. Замер на 375 точках: сетка карточек 305,41, две колонки, промежуток 10 - карточка 147,70, поля 8 слева и справа оставляют под содержимое 131,70 точки. При кегле 11 слово занимает 121,59 - запас 10,11 точки, ровно одна строка, как и просил Павел. «Сертифицированное» - 116,14 (запас 15,56), «Профессиональные» - 111,32 (запас 20,38). ДО ПРАВКИ заголовки вылезали за карточку: «Конфиденциальность» на 57, «Сертифицированное» на 50, «Профессиональные» на 44 точки. Ширины не хватало вдвойне - и кегль был крупный, и 14 точек съедал остаточный зазор сетки «картинка | заголовок»: у свёрнутой карточки картинка скрыта, колонка схлопывается в 0, а зазор остаётся. Обнуляем его ровно у свёрнутой карточки. Полный расчёт и таблица «было -> стало» по всем пяти блокам - в разделе 05.3 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\05_uslugi.css Компьютерный вид не задет: правила живут под body.mob, класс вешается при ширине окна 640 точек и меньше. Откат: удалить весь раздел 09.2 - на телефоне вернутся промежуток 18, поля 14/16, кегли 14 и 13,5, зазор 14 точек у свёрнутой карточки, а с ними и выход заголовков за край. */ body.mob .cards3[data-b].korp { gap: 10px; } body.mob .cards3[data-b].korp .card3[data-b] { padding: 9px 8px; } body.mob .cards3[data-b].korp .card3[data-b]:not(.open) { column-gap: 0; row-gap: 6px; } /* Заголовок карточки - крупная строка образца «24/7», 16px. ПРАВКА 19.08.2026. Павел: «все эти блоки сделать по образцу шестнадцать, и сколько там у тебя десять и восемь - убрать». Было 11,2px / 14px (строка .bb образца «Компаниям»), стало 16px / 20px (крупная строка плашки «24/7» - тот же кегль, что уже стоит в блоке 05, см. раздел 05.4 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\05_uslugi.css). Интерлиньяж 1,25 и min-height 24px оставлены как в блоке 05 - Павел назвал размер. Цвет rgb(27, 27, 27) и жирность 650 не трогаем. ПОЧЕМУ 16 СТАЛО ВОЗМОЖНО. До 19.08.2026 в этом файле стояла запись «почему здесь пока не 16»: при кегле 16 «Сертифицированное» вылезало за карточку на 37,22 точки (375) и на 44,72 (360), «Профессиональные» - на 30,22 и 37,72. Кеглем это не решалось: разрыв внутри слова запрещён (glavnaya.css, раздел 31). Павел решил вопрос словами - карточки переименованы: «Профессиональные переводчики» -> «Отраслевые переводчики», «Сертифицированное бюро» -> «Сертификат ГОСТ ИСО», «Конфиденциальность» -> «Подписываем NDA». Длинных слов не осталось, и кегль поднят. ЗАМЕР ПОСЛЕ ПРАВКИ (canvas measureText шрифтом заголовка, сверено с живой вёрсткой; «доступно» - ширина колонки заголовка в свёрнутой карточке). Самое длинное слово каждой карточки при кегле 16: слово при 16 320 (234,41) 360 (124,20) 375 (131,70) 414 (151,20) Подписываем 114,68 +119,73 +9,52 +17,02 +36,52 переводчики 106,15 +128,26 +18,05 +25,55 +45,05 Сертификат 97,99 +136,42 +26,21 +33,71 +53,21 Стандарты 89,33 +145,08 +34,87 +42,37 +61,87 Экономия 82,02 +152,39 +42,18 +49,68 +69,18 Тестовый 77,49 +156,92 +46,71 +54,21 +73,71 Плюс - запас до края карточки, минус - выход за край. Выходов нет ни на одной из четырёх ширин. На 320 точках блок стоит в один столбец (медиазапрос ниже), поэтому там запас самый большой; узкое место - 360, это самая узкая ширина с двумя столбцами. Отдельного медиазапроса на узкий телефон, какой пришлось завести блоку 05 (раздел 05.6), этому блоку не нужно: на 320 он и так в один столбец. ЧТО ЕЩЁ ИЗМЕНИЛОСЬ ОТ КЕГЛЯ. Заголовки стали занимать больше строк, и свёрнутые карточки подросли: на 375 было 50-54 точки высоты, стало 66-86 («Экономия бюджета до 70%» и «Стандарты качества перевода» разошлись на три строки). Это прямое следствие размера, который назвал Павел; ширину карточек и раскладку блока правка не трогает, вбок страницу не тянет - переполнение и карточек, и страницы на всех четырёх ширинах равно нулю. Компьютерный вид не задет: правило под body.mob, класс вешается при ширине окна 640 точек и меньше. Откат: вернуть font-size 11.2px. */ body.mob .cards3[data-b].korp .card3[data-b] .foldh[data-b] { font-size: 16px; line-height: 1.25; min-height: 24px; } body.mob .cards3[data-b].korp .card3[data-b] .foldwrap[data-b] { margin-bottom: 2px; } body.mob .cards3[data-b].korp .card3[data-b] .foldb[data-b] { margin-top: 4px; } /* Раскрывающийся текст карточки - строка .bt образца «Компаниям» и одновременно пояснение блока 07 «Как получить готовый перевод» («Отправим готовый перевод…»), оба замера дают одно число: 10,8px / 14,58px / 400. Было 11px / 14,85px. Интерлиньяж 1,35 уже стоял, а 10,8 × 1,35 = 14,58 - править нечего. Цвет rgb(61, 66, 71) совпадает с образцом; бордовый цвет пояснения блока 07 не переносим - Павел назвал размер. Пункт 22 диктовки 18.08.2026. СВЕРКА 19.08.2026 при подъёме заголовка до 16. Замер мелкой строки образца «24/7» (плашка первого экрана, .buls.common .bul): 10,8px / 14,58px / 400 / rgb(61, 66, 71) - образец не сдвинулся, пояснение карточки совпадает с ним точка в точку. Поэтому здесь ничего не меняется: 10,8 - это и есть образец, а не самодельное число. Откат: вернуть font-size 11px. */ body.mob .cards3[data-b].korp .card3[data-b] .foldb[data-b] p[data-b] { font-size: 10.8px; line-height: 1.35; margin-bottom: 4px; } /* Узкий телефон (iPhone SE первого поколения и подобные, 320-355 точек). Ширина карточки падает вместе с шириной экрана, а слово «Конфиденциальность» - нет. Замер: при 375 точках под содержимое карточки 131,70 и слово занимает 121,59 - влезает; при 360 остаётся 124,00 - влезает впритык; при 320 остаётся 104,00 - вылезает на 17,59. Порог примерно 355 точек. Уменьшать кегль дальше нельзя: чтобы слово влезло при 320, нужно 9,4 точки - это уже нечитаемо. Рвать слово переносом запрещено. Поэтому на узком экране блок переходит в ОДИН столбец: карточка становится вдвое шире, слово влезает с большим запасом, кегль остаётся тем же 11. Блок при этом вытягивается по высоте, но только на узких телефонах - при 360 и шире остаются два столбца. `!important` здесь вынужденный: раскладку телефона задаёт guide.css строкой `body.mob .cards3 {grid-template-columns: ... !important}`, обычной силой селектора её не перебить. Наш файл подключается позже и селектор длиннее, поэтому побеждает. Откат: удалить медиазапрос - на узких телефонах вернутся два столбца и выход заголовков за край. */ @media (max-width: 359px) { body.mob .cards3[data-b].korp { grid-template-columns: minmax(0, 1fr) !important; } } /* ── 09.3. Телефон: посадка полосы галереи (диктовка Павла 18.08.2026) ── Пункты 8 и 9 диктовки: заголовки полос галереи стоят не по центру, а тень карточек срезается обрезкой дорожки. РАЗБОР И ЧИСЛА ЗДЕСЬ НЕ ПОВТОРЯЮТСЯ. Причина одна на все полосы галереи и разобрана в разделе 05.4 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\05_uslugi.css Правило Павла про белую черту записано целиком в разделе 3 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\08_preimushchestva_chastnym.css Коротко: у .galp стоит `padding: 0 22px; margin-inline: -22px`; на телефоне ширина полосы задана колонкой сетки .rail, поэтому отрицательное поле полосу не расширило, а сдвинуло влево на 22 точки. Содержимое встало серединой на 165,5 вместо 187,5, а тень карточек уткнулась в край обрезки .track.gal (overflow: hidden) - запас слева 0 точек, снизу 0,2 точки при уходе тени на 20. Обнуляем сдвиг: полоса встаёт в свою колонку, её поля по 22 точки остаются внутри обрезки и работают запасом под тень. Заголовку и подзаголовку возвращаем поля страницы, полосе добавляем нижнее поле. Подзаголовок правится наравне с заголовком: в этом блоке под заголовком стоит p.sub.center, и без правки он остался бы выключен по центру съехавшей коробки, то есть на 22 точки левее заголовка. Кегль карточек этого блока пункт 7 не меняет («как 24/7», кегль 16): «Конфиденциальность» при кегле 16 занимает 176,86 точки при 131,70 доступных, то есть вылезет за карточку на 45 точек, а разрыв внутри слова запрещён (glavnaya.css, раздел 31). Потолок кегля для этого блока - 11,91, он и задал число 11 всем остальным блокам ещё в разделе 09.2. Подробности - в разделе 05.4 файла 05_uslugi.css. ПОЗЖЕ В ТОТ ЖЕ ДЕНЬ, пункт 22: у блока появился свой образец - буллеты сегмента «Компаниям», и кегль стал 11 -> 11,2 (строка .bb образца), то есть впритык под потолком 11,91. Разбор в разделе 05.5 файла 05_uslugi.css. Компьютерный вид не задет: правила живут под body.mob. Откат: удалить раздел 09.3 - полоса вернётся на 22 точки влево, заголовок уедет от центра, тень снова будет срезаться. */ body.mob .galp[data-b][aria-labelledby="gh-4"] { margin-inline: 0; /* ПРАВКА 19.08.2026: то же число, но из общей переменной - его вычитает из ритма правило 5.2 в 00_obshchee.css. Откат: вернуть 22px. */ padding-bottom: var(--zapas-galerei, 22px); } /* max-width обязателен вместе с отрицательным полем: в dvizhok.css стоит `body.mob .wrap * {max-width:100%}`, и без отмены заголовок только сдвигается влево, а не расширяется. У подзаголовка вдобавок снимается своя колонка чтения (guide.css сужает .sub до --text-col). Подробнее - в разделе 05.4 файла 05_uslugi.css. Откат: удалить правило. */ body.mob .galp[data-b][aria-labelledby="gh-4"] > h2[data-b], body.mob .galp[data-b][aria-labelledby="gh-4"] > .sub[data-b] { margin-inline: -22px; max-width: none; } /* Подзаголовку мало снять max-width - надо снять ещё и width. Правка 19.08.2026. Задание Павла в справочнике кеглей телефонной версии (C:\Users\Павел\Claude\Projects\Вебсайт\ШРИФТЫ_МОБИЛЬНЫЕ 2.docx, таблица «Преимущества бизнесу», строка «Подзаголовок раздела»): «Неровный относительно центра». Что нашёл замер. Заголовок и подзаголовок стоят под одним правилом выше и оба получают margin-inline: -22px и max-width: none. Заголовок от этого расширяется до 349,41 и садится серединой на 187,5 - ровно середина экрана. Подзаголовок расширяться отказывается: в guide.css ему задана не только предельная, но и СОБСТВЕННАЯ ширина - `.galp .sub {width: min(100%, var(--text-col))}`. При заданной ширине отрицательные поля её уже не увеличивают, они только сдвигают коробку. Итог: ширина остаётся 305,41 (ширина колонки полосы), а левое поле -22 утаскивает коробку влево - середина текста встаёт на 165,5 при середине заголовка 187,5. Разница ровно 22 точки, её Павел и увидел. Ставим width: auto - ширина снова считается из полей, коробка расширяется на те же 44 точки, что и заголовок, и обе середины сходятся на 187,5. Замер на 375 до: подзаголовок x 12,80, ширина 305,41, середина 165,5; заголовок x 12,80, ширина 349,41, середина 187,5. Замер на 375 после: подзаголовок x 12,80, ширина 349,41, середина 187,5 - совпадает с заголовком. Кегль подзаголовка (12 / 15,36) не трогаем: Павел написал про выключку, про размер речи не было. Компьютер не задет: правило под body.mob; на 1440 подзаголовок остаётся 13 / 16,9, x 304, ширина 832, середина 720 - как было. Откат: удалить правило - подзаголовок снова уедет на 22 точки влево. */ body.mob .galp[data-b][aria-labelledby="gh-4"] > .sub[data-b] { width: auto; } /* ── 09.4. Телефон: выключка свёрнутой карточки (Павел, 18.08.2026) ───── Пункт 22 диктовки: «кроме того, в этих блоках текст сделать по центру: когда он в таком виде - он по центру, когда нажимаешь - он ближе к левому краю». РАЗБОР ЗДЕСЬ НЕ ПОВТОРЯЕТСЯ. Правило одно на блоки 05, 06 и 09 и разобрано в разделе 05.5 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\05_uslugi.css Там же замеры образца «Компаниям» и объяснение, почему заголовок берёт строку .bb (11,2px), а не .bn (16px). Коротко: пока карточка свёрнута, заголовок по центру; с классом .open правило не срабатывает и возвращается эталонная выключка влево. Два свойства, а не одно: justify-content двигает коробку заголовка (кнопка .foldh - flex со `space-between`), text-align выравнивает строки внутри многострочного заголовка. Компьютерный вид не задет: правило живёт под body.mob. Откат: удалить правило - свёрнутый заголовок вернётся к левому краю. */ body.mob .cards3[data-b].korp .card3[data-b]:not(.open) .foldh[data-b] { justify-content: center; text-align: center; } /* Одноколоночный вариант: заголовок по центру КАРТОЧКИ в обоих состояниях. Решение Павла 26.08.2026: «когда карточка разворачивается, заголовок написан слева, а на главной он по центру - принять как на главной». ПЕРВАЯ ПОПЫТКА БЫЛА НЕВЕРНОЙ (разбор Кодекса 26.08.2026). Одного `justify-content: center` мало: карточка - сетка из двух колонок («risunok zagolovok» / «tekst tekst», см. раздел 31 файла C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\glavnaya.css), и заголовок центрировался внутри ПРАВОЙ колонки. Пока карточка свёрнута, значок скрыт, колонка «risunok» схлопывается в 0, и центр совпадает с центром карточки; при раскрытии появляется значок 46px плюс зазор 14px, и заголовок уезжает вправо ровно на половину этой суммы. ЗАМЕР ДО ПРАВКИ (375 точек, первая карточка блока «Наши компетенции»): состояние колонки карточки центр карточки центр заголовка свёрнута 0px + 333,41px 187,5 187,5 раскрыта 46px + 273,41px 187,5 217,5 (+30) ПОЧЕМУ СТОЛБИК. Чтобы центр заголовка совпадал с центром карточки, шапка должна занимать всю ширину, а не колонку. Поэтому в одноколоночном варианте карточка раскладывается в столбик: заголовок, под ним значок, ниже текст - и всё по центру. Раскладка не самодельная: столбик со значком по центру уже стоит на главной в блоках «Наши преимущества для частных лиц» и «Акции» (модификатор .ryadom, тот же раздел 31). Отличие от .ryadom одно: там картинка НАД заголовком, здесь заголовок первый. Заголовок в этих карточках - кнопка раскрытия; если поставить значок выше, при нажатии кнопка уезжала бы вниз на высоту значка, то есть под пальцем оказывался бы уже другой элемент. Двухколоночный вариант (главная, без модификатора) не задет: правило привязано к классу «v-odin-stolbec». Компьютерный вид не задет: правила под body.mob. Откат: удалить все три правила - вернутся две колонки внутри карточки, и раскрытый заголовок снова сместится вправо на 30 точек. */ body.mob .cards3[data-b].korp.v-odin-stolbec .card3[data-b] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "zagolovok" "risunok" "tekst"; } /* Свёрнутая карточка - одна строка: пустые треки «risunok» и «tekst» существуют и в свёрнутом виде, и зазоры между ними считаются. Замер высоты свёрнутой карточки (375, «Квалифицированные переводчики»): прежняя двухколоночная раскладка - 66 точек (два трека, один зазор), столбик без этого правила - 72 (три трека, два зазора), столбик с правилом - 60 (одна строка, зазоров нет). Откат: удалить правило - карточки станут выше на 12 точек. */ body.mob .cards3[data-b].korp.v-odin-stolbec .card3[data-b]:not(.open) { grid-template-areas: "zagolovok"; } body.mob .cards3[data-b].korp.v-odin-stolbec .card3[data-b] .cardimg { justify-self: center; } body.mob .cards3[data-b].korp.v-odin-stolbec .card3[data-b] .foldh[data-b] { justify-content: center; text-align: center; } /* ── Кегль 13: преимущества бизнесу (диктовка Павла 20.08.2026) ─────────── Правки из книги замера «ШРИФТЫ_МОБИЛЬНЫЕ применить на стр. О компании». Число кегля - переменная --kegl-melkij, задана в C:\Users\Павел\Claude\Projects\SEO\pilot\wagtail_pilot\pilotsite\home\static\css\site\bloki\00_obshchee.css 1. Поясняющий текст карточки: было 10,8px, стало 13px. Селектор тот же, что в разделе выше по файлу, - перебивает порядком. 2. Текст карточки - по центру (ссылки «Подробнее» в этих карточках нет). 3. Подзаголовок раздела - 13px, чёрным и жирным. Павел: «Сделать 13. Черный, жирный». Было 12px, начертание 400, цвет серый #63676C (эталонное .sub[data-b], вес (0,2,0)). Здесь (1,3,2) - перебивает и кегль, и цвет, и начертание без !important. Подзаголовок - абзац .sub сразу за заголовком #gh-4, поэтому селектор идёт через соседа: другого .sub в этом разделе нет. Откат: удалить раздел. ─────────────────────────────────────────────────────────────────────── */ body.mob .cards3[data-b].korp .card3[data-b] .foldb[data-b] p[data-b] { font-size: var(--kegl-melkij); } body.mob .cards3[data-b].korp .card3[data-b] .foldb[data-b] { text-align: center; } body.mob #gh-4 ~ p.sub[data-b] { font-size: var(--kegl-melkij); font-weight: 700; color: #1b1b1b; } /* ── Телефон: подпись карточки не ломается жёстким переносом ─────────── Правка Павла 07.09.2026: «плашки "Тестовый перевод" и "Скидки на перевод" размещены в две строчки, хотя места для одной строки достаточно. Поправить и сделать это везде на всех страницах, кроме случаев, где прямо указано, что для этого блока нужны две строки». ПРИЧИНА (замер и разбор 07.09.2026). Дело не в кегле и не в ширине: внутри подписи стоит жёсткий тег
, приехавший из разметки действующего сайта - «Тестовый
перевод», «Скидки на
перевод». Преобразование kartochki_znachkov переносит содержимое абзаца в подпись как есть и разметку не чистит. Такой перенос срабатывает всегда, сколько бы места ни было. ЧТО ДЕЛАЕМ. На телефоне жёсткий перенос внутри подписи не показывается - строка ложится сама, по ширине карточки. Текст в базе не трогаем: правка оформления, а не содержимого. ЧЕГО НЕ ТРОГАЕМ. Резерв двух строк на компьютере (min-height: 2lh, bloki/05_uslugi.css, раздел про заголовки карточек) - это отдельное решение Павла, и оно живёт внутри @media (min-width: 761px), сюда не достаёт. Там «Тестовый перевод» по-прежнему занимает две строки: первая с текстом, вторая зарезервирована под ровный ряд карточек. Откат: удалить раздел - вернутся жёсткие переносы в подписях. */ body.mob .card3[data-b] .foldh[data-b] br, body.mob .cards3[data-b] .card3[data-b] .foldh[data-b] br, body.mob .cards4[data-b] .card3[data-b] .foldh[data-b] br { display: none; }