/* Карточка объекта — волна 1: иерархия блоков. ============================================================ Файл временный и живёт только на ветке card-wave1. Всё, что здесь лежит, либо переедет в school.css одним коммитом после приёмки, либо уйдёт вместе со строкой enqueue в functions.php. Поэтому тут только переопределения: ни одного нового блока, ни одного !important, правки идут поверх school.css за счёт порядка подключения. Зачем: на карточке «Автошкола 177» у нас 314 слов против 954 у garageru и 2040 у zoon, при том что цен у нас 14 против одной. Данные есть — страница их не показывает: заголовки разделов набраны как подписи, все блоки оформлены одинаково, и первый экран уходит под галерею. Отдельно: мелкий серый заголовок раздела — это не наша ошибка, а решение эталона design2 (tokens.css: «секции: заголовки — мелкие серые подписи»). Волна 1 сознательно от эталона отступает, потому что эталон рисовался под мобильную ширину 430px, где разделов помещается один-два, а на десктопе их семь подряд. ВСЁ содержимое файла лежит в одном десктопном медиазапросе — и это не аккуратность, а следствие трёх поломок, пойманных на 390: таблица дней там скрыта через display:none, и мой display:grid её показывал; панель сравнения там прячется за край через bottom:-90px, и моё bottom:16px выводило её на экран всегда; заголовки в 21px растягивали документ до 406px при окне 390. Мобильную ширину эталон уже описывает, и волна 1 её не трогает. ============================================================ */ @media (min-width: 1024px) { /* 1. Заголовок раздела перестаёт быть подписью. Токены ставятся на .pdd-card, а не на body: карточка объявляет их у себя (school.css, блок десктопа), и наследование с body такое объявление не перебивает. */ body.pdd.single-messia_object .pdd-card { --school-section-title-size: 21px; --school-section-title-weight: 700; --school-section-title-fg: var(--color-text); /* воздух: сверху вдвое больше, чем снизу — раздел притягивает свой заголовок и отклеивается от предыдущего блока */ --school-section-head-margin: 14px; --school-section-margin: 20px 0 0; } /* 2. Заголовки, которые задают кегль числом, токеном не берутся. Их два места, и оба чужие: «Цены» и «Отзывы» рисует виджет tabs_pannel-7 (класс .object_alt_tab_title), «Похожие автошколы» — секция со своим набором токенов. Именно эти заголовки человек ищет глазами первыми, так что мимо них нельзя. */ body.pdd.single-messia_object .widgets-content .h2.object_alt_tab_title, body.pdd.single-messia_object .widgets-content .h4.object_alt_tab_title { margin: 0 0 14px; font-size: 21px; font-weight: 700; } body.pdd.single-messia_object .pdd-similar { --school-section-title-size: 21px; --school-section-title-weight: 700; } /* 3. Галерея не съедает первый экран. Высота коллажа задана числом (school.css: height 470px на .pdd-card--head .pdd-gallery), пропорцией её не подвинуть. Было 320: столько, чтобы имя школы и рейтинг попали в первое окно на 1100px высоты. Стало 400 (12.09.2026, по просьбе заказчика — кадры читались мелкими): 80px возвращены коллажу, и ровно столько же освободили блоки 8 и 9 ниже, так что имя школы из первого окна не уехало. */ body.pdd.single-messia_object .pdd-card--head .pdd-gallery { height: 400px; } /* 3a. Логотип в большом кадре — целиком. У логотипа в school.css своё правило (object-fit: contain и подложка), но коллаж перебивает его специфичностью: .pdd-card--head .pdd-gallery__frame img — это (0,4,1) против (0,3,1). Пока кадр был 320px, срез читался как кадрирование; на 400px у «Реала» пополам уезжало слово «РЕАЛ». Возвращаем contain тем же приёмом — селектором на разряд длиннее. */ body.pdd.single-messia_object .pdd-card--head .pdd-gallery__frame img.pdd-gallery__photo--logo, body.pdd.single-messia_object .pdd-card--head .pdd-gallery__cell img.pdd-gallery__photo--logo { object-fit: contain; background: var(--color-surface); } /* 4. Рамка остаётся там, где несёт смысл. Цены и отзывы — то, что сравнивают; похожие школы — справка, и семь одинаковых белых прямоугольников подряд превращают страницу в один список. Контакты, адрес и время работы пока с рамками: там действия, и это решение ждёт приёмки глазами. */ body.pdd.single-messia_object .pdd-similar { background: transparent; border: none; box-shadow: none; padding-inline: 0; } /* 5. Время работы — по одному дню в строке. Волна 1 раскладывала таблицу в две колонки: блок занимал треть правой колонки семью строками с одинаковым «10:00 — 21:00». Отменено 12.09.2026 по просьбе заказчика: в две колонки день и его часы перестают читаться парой — глаз ищет, какие часы к какому дню, и «понедельник» из левого столбца склеивается со «средой» из правого. Место дешевле читаемости. Правило оставлено пустым намеренно: перебивать нечего, строки идут списком из school.css. Ставить сюда grid в одну колонку было бы такой же подменой, только незаметной. */ /* 6. Пустая карта не держит место: слот ленивый, и до загрузки на его месте стоял серый прямоугольник в 224px — читается как поломка. Придёт карта — :empty перестанет совпадать сам. #sidebar в селекторе не для красоты: высоту контейнеру движок задаёт правилом с id (body.pdd #sidebar .pdd-address__map .ym-container, это 1,3,1), и селектор из одних классов ему проигрывает — те же грабли, что у заголовков боковой колонки. */ body.pdd.single-messia_object #sidebar .pdd-address__map .ym-container:empty, body.pdd.single-messia_object .pdd-card .pdd-address__map .ym-container:empty { height: 0; min-height: 0; } /* 7. Панель сравнения не висит поверх цен: она стояла слева (footer.css: left: var(--page-padding)) и накрывала строку прайса. Меняется только сторона. Вертикаль не трогаем совсем — её тема считает сама, с поправкой на ctabar и safe-area, и именно координатой bottom панель прячется за край. Поэтому и :not(.hide): без него скрытая панель выезжала бы на экран всегда — проверено, так и было. */ body.pdd.single-messia_object #compare_mobile:not(.hide) { left: auto; right: var(--page-padding); } /* 8. Ритм блоков: 36px между карточками — это 16px стекового gap контейнера плюс 20px --school-section-margin, они складывались в каждом стыке обеих колонок («На карте» → «Контакты», заголовок → «Категории прав» → «Со слов школы»). Воздух у блока остаётся один — стековый; заголовок внутри блока держит --school-section-head-margin, он объявлен выше. */ body.pdd.single-messia_object .pdd-card { --school-section-margin: 0; } /* 9. Крошки не отодвигают коллаж. До первого кадра шло 46px: 20px поля страницы сверху, строка крошек и 10px под ней. Остаётся 12 + 2 — строка читается, но первый экран начинается с фотографий, а не с воздуха. */ body.pdd.single-messia_object main .container.pdd-sw { padding-block-start: var(--space-6); } body.pdd.single-messia_object .breadcrumbs { --school-crumbs-pad: 0 2px 2px; } /* 10. Категории прав: подпись — подписью, значение — значением. Движок печатает наоборот (.title-list-item-v3 полужирным тёмным, .text-list-item-v3 мелким серым), и глаз читает слово «Категории прав» вместо самих букв. Меняем ровно начертание и цвет — разметка движковая, её не трогаем. */ body.pdd.single-messia_object .pdd-card .pdd-section--categories .title-list-item-v3 { font-weight: var(--font-weight-regular); color: var(--color-text-secondary); } body.pdd.single-messia_object .pdd-card .pdd-section--categories .text-list-item-v3 { font-size: var(--font-size-meta); font-weight: var(--font-weight-semibold); color: var(--color-text); } }