/* ========================================================= ZIPTEH — единая ширина модулей по сетке новой шапки. Шапка использует .zt-shell: max-width 2048px и адаптивные боковые отступы 28 / 20 / 14 px. ========================================================= */ :root { --zt-site-shell-max: 2048px; --zt-site-shell-gutter: 28px; } /* Все секции главной выходят из старого узкого .container/.block. */ :where( .zip-home-hero, .zip-category-strip, .zip-brands, #ztSaleProducts, #ztCompanyAdvantages, .home-media, #ziptehLeadModule, #ziptehSiteFooter ) { position: relative !important; left: 50% !important; width: 100vw !important; width: 100dvw !important; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; transform: translateX(-50%) !important; } /* Внутренние контейнеры получают ровно ту же сетку, что шапка. */ :where( .zip-home-hero__shell, .zip-category-strip__shell, .zip-brands__shell, #ztSaleProducts > .zt-sale-products__shell, #ztCompanyAdvantages > .zt-company-advantages__shell, .home-media > .container, #ziptehLeadModule > .zl-shell, #ziptehSiteFooter > .footer-2__inner, #ziptehSiteFooter .footer-2__copyright-inner ) { width: 100% !important; max-width: var(--zt-site-shell-max) !important; margin-right: auto !important; margin-left: auto !important; padding-right: var(--zt-site-shell-gutter) !important; padding-left: var(--zt-site-shell-gutter) !important; } /* Старый блок новостей использует .container — убираем его узкое ограничение. */ .home-media > .container { min-width: 0 !important; } /* Не даём старым классам .block/.container снова сузить футер и секции. */ #ziptehSiteFooter.block, .home-media.block { max-width: none !important; } @media (max-width: 1480px) { :root { --zt-site-shell-gutter: 20px; } } @media (max-width: 680px) { :root { --zt-site-shell-gutter: 14px; } } /* ========================================================= Хлебные крошки — единый вид и единый ритм на всех страницах. Редакция 07.09.2026 (R-159). Блок сделан САМОДОСТАТОЧНЫМ: он не рассчитывает на то, что CSS шаблона компонента (/local/templates/zipteh/components/bitrix/breadcrumb/breadcrumbs/style.css) будет выложен вместе с ним. Тот файл остался от вёрстки v26 и рисует свой разделитель, жёлтую плашку у текущего пункта и поля у ссылок; Битрикс подключает его автоматически, поэтому на бою он перебивал всё, что задано здесь, а на стенде — нет (стенд статический, компонента там нет). Отсюда и бралось расхождение боя со стендом. Чтобы этого больше не случилось, все правила ниже заскоплены на `.zt-breadcrumbs` — вес 0-2-0 против 0-1-0 у файла компонента. Наши выигрывают независимо от порядка подключения. Разбор — «Аудит хлебных крошек» §2, §4, §5. Оформление — по стенду: кегль 13 px, разделитель «›», ссылки серые с жёлтым по наведению, текущий пункт темнее, одна строка на любой ширине. ========================================================= */ :root { --zt-crumbs-font: clamp(11px, 0.55vw + 8.5px, 13px); /* Единый вертикальный ритм крошек. Верхнее значение — расстояние от шапки до крошек, нижнее — от крошек до заголовка или контента. До правки оба были разными на каждой странице: сверху 50 px на внутренних, 18 px в каталоге и 0 на «Контактах» (крошек там не было вовсе), снизу 0 / 11 / 20 px — в зависимости от того, чьё правило перевесило. Числа взяты у каталога. Свой ритм ему задаёт catalog-grid.css правилами `html body .content-area.zt-page-content-area--catalog` с `!important` — вес 0-2-2, перебить его из этого файла можно было бы только повтором класса в селекторе, то есть тем же приёмом, из-за которого крошки и разъехались. Поэтому наоборот: остальной сайт приведён к каталогу, и catalog-grid.css править не пришлось. */ --zt-crumbs-space-top: 32px; --zt-crumbs-space-bottom: 20px; } @media (max-width: 680px) { :root { /* В каталоге на этой же границе стоит 20 px — совпадает. */ --zt-crumbs-space-top: 20px; --zt-crumbs-space-bottom: 14px; } } /* --------------------------------------------------------- Кегль крошек. В файле всегда было написано 13 px, но на экране крошки шли 16-м: reset.css:19 задаёт `* { font-size: var(--font-size-default) }`, то есть 16 px каждому элементу напрямую, и наследование от