/* Санёк, 20.10.2026: единые хлебные крошки (Иван). Эталон — посадочная рубрики (.cl .breadcrumbs, catalog-landing.css):
   16px OpenSansRegular, строка 1.55, ссылки и текущий пункт #26324C, разделитель «•» rgba(82,98,133,.7);
   18px от низа шапки до крошек, 8px от крошек до контента. Шапку и контент не трогаем.
   Селекторы body .breadcrumbs … (0,1,1–0,1,2): сильнее main.css, но слабее правил конкретных шаблонов (.xx .breadcrumbs). */
body .breadcrumbs{font-family:"OpenSansRegular",Arial,sans-serif;font-size:16px;line-height:1.55;color:#26324C}
body .breadcrumbs a,body .breadcrumbs .kb_title{color:#26324C;line-height:21px}
body .breadcrumbs a:hover{color:#FF6600;text-decoration:none}
body .breadcrumbs .kb_sep{margin:0 10px;color:rgba(82,98,133,.7)}

/* Карточка товара: у секции был padding-top 50px (section-padding-top) + свой отступ 6/14px → крошки ниже и серее эталона */
.cv.section-padding-top{padding-top:0}
body .cv .breadcrumbs{margin:18px 0 8px}

/* Статьи и инфо-страницы (articles.css, .ar-crumbs): было 14px серые, 14px до контента → как эталон */
body .ar .ar-crumbs{font-family:"OpenSansRegular",Arial,sans-serif;font-size:16px;line-height:21px;color:#26324C;margin:1px 0 10px;gap:4px 10px}
body .ar .ar-crumbs a{color:#26324C}
body .ar .ar-crumbs a:hover{color:#FF6600}
body .ar .ar-crumbs__sep{color:rgba(82,98,133,.7)}
body .ar .ar-crumbs__sep{font-size:0}
body .ar .ar-crumbs__sep::after{content:"•";font-size:16px}

/* 20.10 (2): page-directions — крошки перенесены в шаблоне над колонками (.tds-dir), отступы как у эталона */
.tds-dir.section-padding-top{padding-top:0}
body .tds-dir .breadcrumbs{margin:18px 0 8px}
.tds-dir h1.with-border-bottom{margin-top:0}
/* «•» в .ar-crumbs по центру строки: ::after — отдельный флекс-элемент со своей строкой 21px, как текстовый .kb_sep */
body .ar .ar-crumbs__sep{display:inline-flex;align-items:center;height:21px}
body .ar .ar-crumbs__sep::after{line-height:21px}

/* 20.10 (3), Иван: крошки чуть свободнее — +6px сверху и снизу на десктопе, +4px на мобильных, единообразно для всех шаблонов */
body .breadcrumbs,body .ar .ar-crumbs{padding-top:6px;padding-bottom:6px}
@media (max-width:991px){body .breadcrumbs,body .ar .ar-crumbs{padding-top:4px;padding-bottom:4px}}
