отличается по браузерам:
Chrome 131+ прячет содержимое слотом ::details-content (нужен
content-visibility:visible), старые Chromium/Firefox/Safari — правилом
`details:not([open])>*:not(summary){display:none}` (его перебивает display:block
на самом теле). Держим оба правила — иначе на десктопе строки ролей схлопываются
до 18px и тела наезжают друг на друга. */
/* Зазор между строками ролей — 24 по кадру (Frame 873 gap 24, узел 975:13063, About 1280).
Было `display:contents`: роли становились прямыми детьми карточки, а канонные отступы
карточки навешены ТОЛЬКО на (audit-fixes 3110–3115: h2 40 / .foot-org 16 / .acc-line 32)
при gap карточки 0 — строки получали 0 и слипались в один серый блок
(замер прода 07.10.2026: 1440/1280/1024 → 0 px вместо кадровых 24; 980 → 32 от gap карточки).
Теперь список ролей — flex-колонка с gap 24: зазор одинаков на всех ширинах ≥768,
внешние отступы (40/16/32) и высота карточки (min-height 626) не меняются. */
body #contacts .acc-roles{display:flex;flex-direction:column;gap:24px}
body #contacts .acc-role::details-content{content-visibility:visible}
body #contacts .acc-role>.acc-role__body{display:block;font-size:16px;line-height:18px;color:#fff}
body #contacts .acc-role>summary{display:block;list-style:none;pointer-events:none;cursor:auto;
font-size:16px;line-height:18px;font-weight:400;color:#fff}
body #contacts .acc-role>summary::-webkit-details-marker{display:none}
body #contacts .acc-role__chev{display:none}
}
@media (max-width:767px){
/* карточки блока: радиус 16 по кадру (audit-fixes держит 24 на всех ширинах) */
body #contacts .contacts-card,
body #contacts .labs-card,
body #contacts .callback{border-radius:16px!important}
/* Зелёная карточка @375 — вариант Size=375 компонента 315:5228 / кадр 493:7707:
Frame 871 343×328 = pad 24/16 + H2 26 + зазор 24 + внутренний блок 230 + pad 24;
внутренний блок (Frame 870 gap 32 → Frame 872 gap 16) = орг. 72 + 16 + контактная
строка 38 + 16 + роли 88. В разметке чанка FB2.Contacts всё лежит ПЛОСКО
(h2, .foot-org, .acc-line, .acc-roles — прямые дети карточки), поэтому кадровые
зазоры 24 / 16 / 16 собираются парой «gap карточки 16 + margin-bottom 8 у H2»
(8 + 16 = 24). Заголовок 24/26, орг. 14/18 w700, роли 14/18 w700 — правила выше/ниже.
Важно: живой Chrome на Onest укладывает название юрлица в 3 строки (54 вместо 72
в кадре) и контактную строку в 2×16 (32 вместо 38 у текстового слоя Figma), поэтому
корректная геометрия даёт живую карточку 304, а не 328: 24+26+24+(54+16+32+16+88)+24.
328 кадра — те же зазоры с текстовыми метриками Figma (замер 06.10.2026, t_1fd23e22). */
body #contacts .contacts-card{gap:16px!important}
body #contacts .contacts-card h2{margin-bottom:8px!important}
body #contacts .foot-org{font-size:14px!important;line-height:18px!important;font-weight:700!important}
/* Зазор от контактной строки до списка ролей — 16 по кадру (Frame 872 → Frame 873 gap 16).
До 06.10.2026 правило жило ТОЛЬКО на главной (`body:has(.main-intro)`), из-за чего
на остальных 151 странице зелёная карточка «Контакты» была ниже главной — заявка
владельца 05.10.2026, стр.18: «подвал должен быть единый везде». Теперь значение
одно на всех страницах, а лишние 24 (gap карточки) сняты margin-top:0: живой зазор
был 24 + 16 = 40 вместо кадровых 16 (t_1fd23e22, 06.10.2026). */
body #contacts .acc-roles{display:flex;flex-direction:column;gap:8px;margin-top:0}
/* контакт-строка под названием организации (кадр Frame 872: 311×38, 14/16 ×2 строки) */
body #contacts .acc-line{font-size:14px!important;line-height:16px!important;color:#fff;
margin:0!important}
/* строка роли 311×24 (Frame 1006): линия 14/18 по центру бокса 24 */
body #contacts .acc-role>summary{display:flex;align-items:center;gap:24px;color:#fff;cursor:pointer;
list-style:none;font-size:14px!important;line-height:18px!important;font-weight:700!important;
min-height:24px}
body #contacts .acc-role>summary::-webkit-details-marker{display:none}
body #contacts .acc-role__label{flex:1 1 auto}
body #contacts .acc-role__colon{display:none} /* в кадре подпись без двоеточия */
body #contacts .acc-role__body{font-size:14px!important;line-height:16px!important;color:#fff;
padding-top:4px}
body #contacts .acc-role__body a{color:#fff;text-decoration:none}
/* ── КОНТАКТЫ @375, карточка t_e87e94de — по кадру 493:7707 (строки 7284–7560 выгрузки):
строка роли 311×24 (space-between, gap 24), текст тела 311×32 = 14/16.
Карточка: Frame 870 gap 32 → Frame 873 gap 16 → строки gap 8; контакт-строка
«info@farmoborona.ru +7 (495) 799-90-34» под названием организации (14/16) —
она есть в разметке ресурса (p после .foot-org); зазор от карточки 24 (gap
карточки выше), от org-строки 16 — держит margin-top:16 на .acc-roles
(правило выше — с 06.10.2026 на всех страницах, а не только на главной). */
/* шеврон роли: в кадре Icons 24×24 с transform rotate(-90deg) — СВЁРНУТО стрелка
смотрит ВПРАВО (треугольник 10×6 остриём вправо), раскрытие — rotate(90deg).
Прежнее правило рисовало треугольник «вниз» и крутило на 180. */
body #contacts .acc-role__chev,
body #contacts .lab-acc__chev{flex:0 0 auto;width:0;height:0;
border-top:5px solid transparent;border-bottom:5px solid transparent;
border-left:6px solid currentColor;transition:transform .2s}
body #contacts .lab-acc__chev{color:#232222}
body #contacts details[open]>summary .acc-role__chev,
body #contacts details[open]>summary .lab-acc__chev{transform:rotate(90deg)}
/* тело роли 14/16 по кадру (было 14/16 — совпадает), зазор между строками 8 (gap 8) */
/* карточка лабораторий: заголовок + подпись, ниже — свёрнутые площадки.
responsive.css ≤767 рисует .mobile-accordion details как «плашку» (фон --pale,
r12, padding 14) — по кадру строки площадок идут без фона внутри карточки. */
body #contacts .labs-grid{display:none!important}
body #contacts .mobile-accordion{display:flex!important;flex-direction:column;gap:16px;
width:100%;margin-top:24px}
body #contacts .mobile-accordion>details{background:none!important;border-radius:0!important;
padding:0!important}
/* свёрнутая строка площадки 311×38 (кадр Frame 1012/1013: имя + «Показать на карте»
14/16 подчёркнутый + Icons 24 rotate(-90)) — map-link переносим в summary разметкой
чанка; адрес в кадре display:none, пока строка свёрнута */
body #contacts .mobile-accordion>details>summary{display:flex;align-items:center;gap:24px;
min-height:42px;color:#262c31;cursor:pointer;list-style:none;
font-size:16px!important;line-height:18px!important;font-weight:700!important}
body #contacts .mobile-accordion>details>summary::-webkit-details-marker{display:none}
body #contacts .lab-acc__name{flex:1 1 auto;text-transform:uppercase}
/* «Показать на карте» в свёрнутой строке: 14/16 подчёркнутый #272D31 (кадр 124×16);
в теле (раскрыто) ссылка и адрес остаются как раньше */
body #contacts .mobile-accordion>details>summary .map-link{font-size:14px!important;
line-height:16px!important;color:#262c31;text-decoration:underline;
text-underline-offset:3px}
/* раскрытое тело: Frame 885/884/877 — подписи 16/18 w500 #5A6E7C, значения 16/18 #5A6E7C */
body #contacts .lab-acc__body{padding-top:8px}
body #contacts .lab-acc__body .lab-head-group{gap:16px}
body #contacts .lab-acc__body .lab-group{margin-top:24px;gap:4px}
body #contacts .lab-acc__body p{font-size:16px!important;line-height:18px!important;margin:0}
body #contacts .lab-acc__body .lab-label{color:#5a6e7c;font-weight:500!important}
body #contacts .lab-acc__body .lab-address{color:#262c31}
body #contacts .lab-acc__body .map-link{font-size:14px!important;line-height:16px!important;
color:#262c31;text-decoration:underline;text-underline-offset:3px}
}
/* ═══ ФОРМА И КОНТАКТЫ @1024 — канон кадра Main_1024 (Form 315:5573, Contacts 315:5578),
карточка t_852827d7; числа — docs/audit/group-main-20260924.md (§2 блоки 9–10, §4 R7/R8).
Дефект: на самом 1024 форма была одноколоночной (грид 944 → блок 996 против кадровых 612),
контакты стояли стопкой (1526 против 668). Правила стопки лежат в блоках
`@media(max-width:1024px)`: responsive.css:109 (.form-grid в одну колонку, .footer-top
колонкой, .contacts-card/.labs-card на всю ширину) и audit-fixes.css (.callback колонкой,
паддинг .labs-card 28). Для планшета 768–1023 они верны, но на самом 1024 кадр рисует РЯД:
контакты 390 + 8 + 546, форма — две колонки 386 + 8 + 550. Этот файл идёт последним по
каскаду, поэтому канон 1024 возвращаем здесь; 768–1023 и 1025+ не тронуты.
Кадр 1024: Frame 871 390×628 (pad 32) + Frame 889 546×628 = labs-card 506 + 8 + callback 114;
ряд 628 + нижний паддинг секции 40 (#contacts{padding-bottom:40px}) = кадровые 668.
Форма: Frame 868 944×376 (386 + 8 + 550) + Frame 976 56 при gap 16 → 124 + 40 + 448 = 612. ── */
@media (min-width:1024px){
/* стопка → ряд: base.css .footer-top{display:flex;gap:8px} остаётся в силе */
body #contacts .footer-top{flex-direction:row;gap:8px}
/* карточка лабораторий тянется по остатку колонки, а не на всю ширину */
body #contacts .labs-card{flex:1 1 0;width:auto}
/* форма: те же две колонки, что на 1280 (перебиваем одноколоночный !important из responsive.css) */
#apply .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important}
#apply .form-grid>.form-stack{width:auto!important}
}
@media (min-width:1024px) and (max-width:1024px){
/* зелёная карточка: 944 − 8 − 546 = 390 (на 1280 канон 497 — это правило только для 1024).
min-height 628: ряд держит карточка кадра (390×628), иначе высоту задаёт колонка площадок
и блок выходит 626 — на 2 px ниже кадра. */
body #contacts .footer-top .contacts-card{width:390px;flex:0 0 390px;padding:32px;min-height:628px}
/* паддинг карточек площадок 32 (на 1280 канон 40): от него labs-card = 506 как в кадре */
body #contacts .footer-top .labs-card{padding:32px}
/* «Остались вопросы?» — строка: текст + кнопка вплотную к правому паддингу
(кадр: кнопка x=8941 при правом крае контента 9134, 9134 − 193 = 8941).
Фиксированные 294 + 32 + 193 в 482 не влезают (в кадре дети перекрыты на 5 px),
поэтому зазор строки 0, а текст уступает кнопке: 482 − 193 = 289 вместо 294. */
body #contacts .footer-top .callback{padding:24px 32px;flex-direction:row;gap:0;align-items:center;justify-content:space-between}
body #contacts .footer-top .callback>div{flex:0 1 auto;width:294px;min-width:0;max-width:100%}
body #contacts .footer-top .callback .btn{flex:0 0 auto}
}
/* ═══ ШАПКА И ИНТРО @375 — канон кадра Main_375 (493:7707), карточка t_648ba215 ═══
ШАПКА — узел 1230:18922 (инстанс Header внутри 493:7707): 375×72, background
#FFFFFF, flex column, gap 8, padding 16, align-items:center. Строка Frame 781
343×40 (space-between). Видимые дети Frame 781:
· логотип-локап 144×23.72 (вариант 221×36.4 — `visible:false`, не реализуем);
· Frame 1091 136×40 = [Frame 816 80×36: корзина 36×36 + gap 8 + человек 36×36]
+ gap 16 + [Icons 40×40: Line 8 / Line 9 — ДВЕ линии 36×1.8 #009294, gap 8].
Кнопка «Меню» (Button 126×44, текст «Меню» 16/20 w500 + Frame 785 24×24 с двумя
белыми линиями) и лупа (Frame 786) в кадре `visible:false` — в мобильной шапке
их нет; шапка = логотип + корзина + кабинет + бургер (проверено экспортом узла
через images API: 2 полосы, подписей нет).
Круги иконок: 36×36, r100, фон #DAE7F0, глиф #5A6E7C (корзина Union 17.4×16.4,
человек Vector 12×16, штрих 1.5).
Высота 72 = 16 + 40 + 16 — правим ТОЛЬКО переменную --header-mobile, чтобы
.mobile-nav (inset: var(--header-mobile) 0 0) остался заподлицо с низом шапки.
ИНТРО — узел 493:7715 (Benefits_2 screen): контейнер 343, padding 40px 0 0,
gap 24. Канонный зазор «низ хиро → первый элемент интро» = 40: держим его
паддингом самого .main-intro, а обёртку section обнуляем (responsive.css ≤767
ставит ей 26px сверху и 24px на .main-intro — оба с !important).
Лок-ап в мобильном кадре отсутствует (там Frame 982 со слоганом), слоган
владелец снял 21.09.2026 — поэтому лок-ап остаётся и уменьшается по его
просьбе: 343×146 → 300×128 (пропорция SVG 462×197 сохраняется).
Абзац 343×126 (16/18 #5A6E7C) совпадает с кадром; ряд логотипов Frame 794
343×28, gap 19.5, элементы 79×28 / 112×28 / 98×28 — доводим gap 20 → 19.5 и
разрыв «абзац → ряд» 16 → 24 (это gap Frame 916). ── */
@media (max-width:767px){
/* высота шапки: кадр 72 (16 + 40 + 16) */
:root{--header-mobile:72px}
/* Паддинг 16 добавлен 24.09 (17:5x), замечание владельца: «между главным меню и хиро
блоком не должно быть такого большого разрыва». Было: шапка padding:0, строка 40 сидела
на top 0 → под контентом 32 px пустоты и зазор «контент → хиро» читался как 32 вместо
канонных 16 (кадр Header: 375x72, padding 16, строка 343x40 по центру = 16..56).
box-sizing:border-box (глобальный `*`) держит высоту 72. */
.site-header{height:var(--header-mobile,72px);padding:16px}
/* `.container` внутри шапки считает width:calc(100% - 2*16) уже от content-box (343) и дал бы
311 — строка обязана остаться 343 (x 16..359), поэтому width:100% компаундом. */
.site-header .site-header__in{width:100%;height:40px;justify-content:flex-start;gap:0}
.site-header .logo{width:144px!important}
.site-header .logo img{width:144px;height:23.72px}
/* правая группа: корзина + кабинет + бургер, канонный разрыв внутри 16 */
.site-header .header-actions{display:flex;margin-left:auto;gap:8px;flex:0 0 auto}
/* состав кадра: лупы в мобильной шапке нет; корзину снимает
responsive.css ≤1023 (`.header-actions .circle-btn:nth-child(2){display:none}`) —
возвращаем её (составной селектор (0,4,0) перебивает (0,3,0) независимо от порядка) */
.site-header .header-actions .circle-btn[data-open-search]{display:none}
.site-header .header-actions .circle-btn.cart-open-btn{display:grid}
.site-header .header-actions .circle-btn,
.site-header .header-actions .login{width:36px;height:36px;flex:0 0 36px;padding:0;border:0;
border-radius:100px;background:#DAE7F0;color:#5A6E7C;display:grid;place-items:center;
box-sizing:border-box;text-decoration:none;margin-left:0}
/* audit-fixes держит .header-actions .login{margin-left:8px} — внутри группы он
складывается с gap и даёт 16 между кругами (кадр: 8) */
.site-header .header-actions .cart-open-btn img{width:17.4px;height:16.4px;display:block}
.site-header .header-actions .cart-open-btn small:empty{display:none}
.site-header .header-actions .login span{display:none}
/* глиф «человек»: ассет `figma-user.png` — фирменный teal #009294 (он общий с
десктопом, где «Войти» теал по дизайну), а кадр мобильной шапки требует
серо-синий #5A6E7C (штрих 1.5). Подменяем источник ТОЛЬКО на мобильной
ширине на вектор из Figma (узел `I1230:18922;1229:16728;1229:16226`) —
сам PNG не трогаем, десктоп остаётся как был. Если `content:url()` не
поддержан, браузер просто нарисует прежний PNG (мягкая деградация). */
.site-header .header-actions .login img{width:12px;height:16px;display:block;
content:url("/assets/img/icon-user-375.svg")}
/* бургер: две полосы 36×1.8 #009294, gap 8, в поле 40×40 (кадр) */
.site-header .burger{display:block;width:40px;height:40px;flex:0 0 40px;margin-left:16px;
padding:0;background:none;position:relative}
.site-header .burger:before,.site-header .burger:after{display:none}
.site-header .burger span{display:block;position:absolute;left:2px;right:2px;top:15.1px;
height:1.8px;background:#009294;border-radius:0;content:''}
.site-header .burger span:after{content:'';display:block;position:absolute;left:0;right:0;
top:8px;height:1.8px;background:#009294}
/* интро: канонный зазор 40 от низа хиро, лок-ап 300×128, ряд логотипов по кадру */
section:has(> .main-intro){padding-top:0!important}
.main-intro{padding-top:40px!important}
/* Центрирование лок-апа: img 300 px внутри колонки 343 прижата влево
(«блок интро смещён влево» — замечание владельца 24.09, 17:1x). Кадр даёт
logo 300×128 по центру: x = 16 + (343−300)/2 = 37.5. `margin:0 auto`
работает потому, что картинка уже `display:block` (правило выше, не в медиа).
Ширину 300 и высоту 128 НЕ меняем — размер выбран владельцем. */
.main-intro .intro-logo img{width:300px;height:auto;margin:0 auto}
.main-intro .cert-row{gap:19.5px!important;margin-top:24px!important}
}
/* ── 768–1023 (планшет): та же канонная иконка меню — ДВЕ полосы.
base.css рисует три полосы (::before 10 / span 18 / ::after 26, 2 px), header-icons.css их
гасит и подставляет SVG `icon-menu.svg` 20 px — тоже ТРИ полосы; двухполосный вариант был
только в блоке <=767, поэтому на планшетных ширинах владелец и видел «три полосы»
(замер 24.09: 375 и 360 — 2 полосы, 800 — 3). Ставим те же полосы, что в мобильном каноне
(1.8 px #009294, смещение второй на 8), в планшетном поле 38x38: полосы 34 px, центр 14.1. ── */
@media (min-width:768px) and (max-width:1023px){
.site-header .burger{background:none}
.site-header .burger:before,.site-header .burger:after{display:none}
.site-header .burger span{display:block;position:absolute;left:2px;right:2px;top:14.1px;
height:1.8px;background:#009294;border-radius:0;content:''}
.site-header .burger span:after{content:'';display:block;position:absolute;left:0;right:0;
top:8px;height:1.8px;background:#009294}
}
/* ═══ РИТМ ГЛАВНОЙ @375 — канон кадра Main_375 (493:7707), карточка t_a2584994 ═══
Кадр: хиро `Main screen` 493:7708 (343×215) стоит вплотную (0) к контейнеру
`Frame 1018` 523:8718 (343×6509.1 = интро 352.1 + 40 + `Frame 1003` 6117), внутри
которого gap 40. То есть «40 от низа хиро» — это паддинг САМОГО .main-intro
(правило выше, карточка t_648ba215), а межблочный зазор между островами 40.
Проверка суммы: 72 (шапка) + 215 + 0 + 352.1 + 40 + 6117 = 6796.1 = высота кадра.
Замер копии 24.09 (19:30, высота 7179): герой→интро 18, интро→числа 12, три
перехода по 64, пресс-центр→форма 36, форма→контакты 76, контакты→подвал 12.
Источники: responsive.css ≤767 `.hero{padding-bottom:18px}`;
`section:has(>.main-intro){padding:26px 0 6px}` + `+ .section{margin-top:6px}`;
`.section+.section{margin-top:24px}` поверх base.css:147 `padding-block:20px`;
`.section-lg#apply{padding:16px 0!important}`; base.css:79 `#contacts{margin-top:60px}`
и `.section{padding:12px 0}` на #contacts.
Приводим к канону: у островов главной 20+20 = 40 и margin-top 0; интро-секция
держит только нижние 20 (верхние 20 отданы «числам» → 40); форма 20/20;
контакты margin-top 20 и padding-bottom 40.
Почему в этом файле: он грузится ПОСЛЕ responsive.css и уже держит канон ≤767
с !important. Правила скоупим (список островов главной + :has-соседство), чтобы
не задеть /clients/, /career/, /services/, где те же острова и тот же `.hero`.
Правки responsive.css/base.css для этого не нужны: пары «цифры→баннер» (t_8059b033)
и «карьера→награды» (#awards, t_53a521dd) остаются как были и совпадают с новыми. ── */
@media (max-width:767px){
/* Все правила блока — ТОЛЬКО для главной: `.main-intro` есть ровно на одной
странице сайта (проверено на живом 24.09.2026: /, /services/, /clients/,
/career/, /about/, /tools/ — одно вхождение, на /). Без этого скоупа те же
острова на /clients/ (cta-water, teal-block), /career/ и /about/
(awards-widget) и формы #apply/#contacts на других страницах получили бы
другие зазоры без своего канонного замера — эти страницы ведёт группа 2
аудита (карточка t_57bdcb23), вопрос «тот же ритм по всему сайту» из
отчёта группы 1 остаётся открытым. */
/* герой→интро = 0: кадр ставит интро вплотную к низу хиро, лишние 18 px
(responsive.css ≤767 `.hero{padding-bottom:18px}`) уезжали в зазор */
body:has(.main-intro) main>.hero{padding-bottom:0!important}
/* острова главной: 20 снизу + 20 сверху = 40 и никакого margin-top:24px
(`.section+.section` из responsive.css ≤767). У «чисел» base.css:148 держит
`padding-top:0` — это нужно на 1280/1024, где интро и «числа» идут вплотную;
на 375 канон 40, поэтому верхние 20 здесь возвращаем. */
body:has(.main-intro) main>.section:has(>.container.stats-panel),
body:has(.main-intro) main>.section:has(>.container.cta-water),
body:has(.main-intro) main>.section:has(>.container.teal-block),
body:has(.main-intro) main>.section:has(>.container.career-banner),
body:has(.main-intro) main>.section:has(>.container.awards-widget),
body:has(.main-intro) main>.section:has(>.container.soft-block--blue){padding-block:20px!important;margin-top:0!important}
/* интро: у секции только нижние 20, верхние 20 отдают «числа» → интро→числа 40;
собственный паддинг .main-intro (40 сверху) не трогаем */
body:has(.main-intro) section:has(>.main-intro){padding:0 0 20px!important}
body:has(.main-intro) section:has(>.main-intro)+.section{margin-top:0!important}
/* форма: 20/20 (было 16/16) → пресс-центр→форма 40 */
body:has(.main-intro) #apply.section-lg{padding:20px 0!important}
/* контакты: 20 сверху (форма→контакты 40) и 40 снизу (контакты→подвал 40) */
body:has(.main-intro) #contacts{margin-top:20px!important;padding-bottom:40px!important}
}
/* ── ГЛАВНАЯ @375: форма #apply 978→1008, пресс-центр 474→462 (карточка t_c00dd3ef) ───────────
Кадр `493:7883` Form 343×1008 = голова 114 + 24 + форма 870:
голова (`Frame 788`) = h2 26 + 16 + подзаголовок 343×72 (fs 16 / lh 18 = 4 строки);
`Form` 870 = `Frame 868` 692 + 16 + `Frame 976` 162;
`Frame 868` 692 = `Frame 827` 376 (шесть полей 343×56 с зазором 8) + 8 + `Frame 867` 308
(поле «Сообщение» 200 + 8 + загрузка файла 100);
`Frame 976` 162 = чекбоксы 82 + 24 + кнопка 56.
Живой (замер 24.09.2026, копия = прод): 978 — подзаголовок 90 (5 строк), первое поле-селект
68, поле «Сообщение» 140. Причина: подзаголовок несёт три `
`, а кадр — один (перед
телефоном), и 68/140 — канон /career/ (`560:11624`, правило `body #apply .form-stack>select
.field:first-child` в audit-fixes.css и `#apply textarea.field` в responsive.css).
Каноны страниц разные, поэтому все правки помечены `body:has(.main-intro)` — это признак
главной (fb-canon уже использует его для `#apply.section-lg`), /career/ и /clients/ не затронуты.
Пресс-центр `493:7873` News 343×462 = пад 24/16/24/16 + `Frame 1017` 334 + 24 + кнопка 157×56:
`Frame 1017` 334 = заголовок 26 + 24 + карточки 260 + 16 + точки 8.
Живой 474: карточка 300 (`min-height` из audit-fixes) и нулевой зазор после заголовка.
Замер после правки: пресс-центр 343×462, `#apply .container` 343×1008 (голова 114, форма 870),
грид 692, стек 376, селект 56, «Сообщение» 200, hScroll=false, запись в контейнере ≤343. ── */
@media (max-width:767px){
/* пресс-центр: карточка 239×260 (кадр `Cards` `493:7878`), паддинги карточки 24/20 по кадру,
зазор «заголовок → карточки» 24, «карточки → точки» 16 (было 0 и 12 → 474 вместо 462) */
/* паддинги карточки — кадровые `Cards` `493:7878` (pT24 pB24 pL20 pR20; у живого
были 20 со всех сторон): дата и ссылка «Подробнее» встают как в кадре */
body:has(.main-intro) .soft-block--blue .news-card{padding:24px 20px!important;
min-height:260px!important}
/* скругление карточки 16 по кадру `493:7878` (`Cards`, r16); базовое правило
audit-fixes.css:2163 даёт 24 вне медиазапроса — на 1024/1440 кадр и правда 24,
поэтому перебиваем только <=767 и только на главной */
body:has(.main-intro) .soft-block--blue .news-card{border-radius:16px!important}
body:has(.main-intro) .soft-block--blue .section-title{margin-bottom:24px!important}
/* РАЗДЕЛИТЕЛЬ под заголовком «Пресс-центр» (решение владельца 28.09.2026, вариант 1,
карточка t_a75f1229 п.11). В кадре `493:7873` линии НЕТ — сумма зазоров
26+24+260+16+8=334 сходится без неё; это осознанное отклонение от макета по просьбе
владельца. Линия нарисована псевдоэлементом В СЕРЕДИНЕ существующего зазора 24,
поэтому высота блока остаётся канонной 462 и ничего не сдвигается.
Убрать/сменить цвет — удалить или поправить background ниже. */
body:has(.main-intro) .soft-block--blue .section-title{position:relative}
body:has(.main-intro) .soft-block--blue .section-title::after{content:'';position:absolute;
left:0;right:0;bottom:-12px;height:1px;background:#009294;pointer-events:none}
body:has(.main-intro) .soft-block--blue .dots{margin-top:16px!important}
/* форма: подзаголовок кадра — сплошной текст с одним переносом перед телефоном; лишний
`
` после «трудоустройства» давал пятую строку (90 против 72) */
body:has(.main-intro) #apply .form-head p br:first-of-type{display:none!important}
/* первое поле-селект 56 (в кадре все шесть `Text Field` 343×56) и «Сообщение» 200 */
body:has(.main-intro) #apply .form-stack>select.field:first-child{height:56px!important;
min-height:56px!important}
body:has(.main-intro) #apply textarea.field{height:200px!important;min-height:200px!important}
/* ── ФОРМА @375, карточка t_e87e94de (кадр Form `493:7707` строка 5667 выгрузки) ──
Кнопка «Отправить» — по центру: в кадре Button 141×56 стоит в Frame 977
(343×82, align-items: center), а Frame 976 сам 343 с align-items: center —
responsive.css ставит кнопке grid-column:1/-1 (вся строка), поэтому центр
задаём justify-content на .form-actions. */
body:has(.main-intro) #apply form[data-demo-form]>.form-actions{justify-content:center!important}
/* плюс у «Загрузите файл» — канон узла владельца 493:7900: тонкий крест 1×14/1×13,
лучи r10, цвет #D9D9D9 в Union, но Union целиком белый (fills White) на круге
#85BAAF; прежние бары 3×24/24×3 были толще и длиннее кадра (Union 13×14 в круге 32). */
body:has(.main-intro) #apply .upload-badge::before{width:1px!important;height:14px!important;
border-radius:10px!important;left:calc(50% - .5px)!important;top:calc(50% - 7px)!important}
body:has(.main-intro) #apply .upload-badge::after{width:13px!important;height:1px!important;
border-radius:10px!important;left:calc(50% - 6.5px)!important;top:calc(50% - .5px)!important;
transform:none!important}
}
/* ═══ ЧИСЛА, БАННЕР И УСЛУГИ @1024 — канон кадра Main_1024 (секция `Screens` 315:5461),
карточка t_e730ce5d; числа — docs/audit/group-main-20260924.md (§2 блоки 3–5).
Отчёт: docs/audit/home-main-1024-numbers-banner-services-20260924/REPORT.md.
Дефект: ровно на ширине 1024 эти три блока жили по десктопным пропорциям 1280 — сетки
оставались трёхколоночными/четырёхколоночными, а тексты при 944 ширине переносились
на строки больше, поэтому блоки вырастали на +88 / +57 / +16 px.
Кадр 1024:
· Numbers `315:5462` 944×1026: панель pad 40/32, заголовок 258×68, grid `Frame 920`
880×846 = 233 + 8 + 364 + 8 + 233; ряды 1 и 3 — три карточки 288×233 (pad 40/24/24/24,
gap 24, значение 50/35, подпись 14/16); ряд 2 — медиа `Frame 921` 592×364 + зазор 32 +
карточка года `Cards` 315:5473 256×275 по правому краю (pad 40/0/24/0, r32, значение
50/35, подпись 16/18, кнопка 252×56), выровнена по центру ряда (y кадра +44.5).
· Banner `315:5482` 944×398: копия `Frame 976` 494×318 в 32/40 от угла, h2 494×170 (32/34),
зазор 40, текст 406×36 (20/22) + 16 + кнопка 205×56.
· Services `315:5492` 944×762: заголовок 880×34, `Frame 803` 880×616 = grid 880×536
(две строки карточек по 264: pad 20/16, gap 16, h3 16/18, подпись 12/14) + 24 + кнопка.
Живое было 1114 / 455 / 778: карточки чисел 282/282/300 высотой 262 и 292 (значение 60/60,
подпись 16/18 — «180 000+» переносилось, подпись ряда 3 давала 8 строк), медиа 572, год
300×364; баннер 455 с копией 606 от движка 1280; карточки услуг 292 (pad 24/20, h3 20/22) —
описание вылезало за карточку на 28 px и обрезалось. Стало 1026 / 398 / 762, обрезок нет.
Скоуп: `@media(min-width:1024px) and (max-width:1024px)` — ровно эта ширина, 1023− и 1025+
не тронуты (A/B одной загрузкой). `body:has(.main-intro)` — только главная: те же блоки на
/about/ (там кадр About_1024 даёт Numbers 1033), /clients/, /career/, /contacts/ остаются
как были. Файл идёт последним по каскаду, поэтому канон 1024 возвращаем здесь
(base.css и responsive.css не понадобились). ── */
@media (min-width:1024px) and (max-width:1024px){
/* числа: колонки кадра, ряд карточек 233, медиа 592, карточка года 256×275 по правому краю */
body:has(.main-intro) .stats-panel .stats-grid{grid-template-columns:288px 288px 288px}
body:has(.main-intro) .stats-panel .stats-grid>.stat{min-height:233px;height:auto}
body:has(.main-intro) .stats-panel .stats-grid>.stat-media{width:592px;max-width:none;height:364px;min-height:364px}
body:has(.main-intro) .stats-panel .stats-grid>.stat-year{width:256px;height:auto;min-height:0;
justify-self:end;align-self:center;padding:40px 0 24px;border-radius:32px}
/* значение 50 с кадровой строкой 35 (в кадре бокс значения 35 при кегле 50), подпись 14/16 */
body:has(.main-intro) .stats-panel .stat .stat-value{font-size:50px!important;line-height:35px!important}
body:has(.main-intro) .stats-panel .stat:not(.stat-year) .stat-text{font-size:14px!important;line-height:16px!important}
/* баннер: высота кадра 398, копия 494 в 32/40, h2 32/34 с зазором 40, кнопка 205 */
body:has(.main-intro) .cta-water{height:398px}
body:has(.main-intro) .cta-water__copy{top:40px;left:32px;width:494px;max-width:494px;height:auto}
body:has(.main-intro) .cta-water__copy h2{width:494px;max-width:494px;font-size:32px!important;
line-height:34px!important;margin:0 0 40px}
body:has(.main-intro) .cta-water__copy .muted{font-size:20px;line-height:22px;margin:0 0 16px}
body:has(.main-intro) .cta-water .btn{width:205px;min-width:205px;max-width:205px;padding:0 24px}
/* услуги: высота блока 762, карточка 264 по кадру (pad 20/16, gap 16, h3 16/18, p 12/14),
кнопка через 24 после грида (в разметке у .center инлайновый margin-top:18px) */
body:has(.main-intro) .teal-block{height:762px}
body:has(.main-intro) .teal-block .service-grid .service-card{height:264px;min-height:264px;
padding:20px 16px;gap:16px}
body:has(.main-intro) .teal-block .service-grid .service-card h3{font-size:16px;line-height:18px}
body:has(.main-intro) .teal-block .service-grid .service-card p{font-size:12px;line-height:14px}
body:has(.main-intro) .teal-block>.center{margin-top:24px!important}
}
/* === t_2034dd01: /contacts верх — сдвиг, page-head h=0, табы не pill ===
Аудит: docs/audit/contacts-1280-20260924, contacts-375-20260924.
Блок Contacts (зелёная карточка + лаборатории) совпал с кадром 1:1 — НЕ ТРОГАТЬ.
Правки только для верхней части страницы (кадра нет, система сайта = канон).
1) СДВИГ +20/+4: .content-section имеет padding:40px 20px (audit-fixes.css:1076),
тогда как контейнер блока контактов использует --fb-gutter (40px desktop / 16px mobile).
Заголовок и табы начинаются на 59.5 (1280) / 20 (375) — на +20/+4 правее сетки.
Лечим: .content-section на /contacts берёт padding из --fb-gutter.
2) PAGE-HEAD h=0: .page-head .crumbs абсолютно позиционированы (audit-fixes.css:996),
сам .page-head не имеет контента в потоке → h=0. На /contacts нет hero-баннера,
поэтому крошки не видны (vision подтверждает: «хлебных крошек нет»).
Лечим: на /contacts .page-head получает высоту крошек (46px) + отступ снизу.
3) ТАБЫ не pill: инлайн