/* ════════════════════════════════════════════════════════════════════
   PATCH 9.2 — Хлебные крошки: ЕДИНЫЙ компонент для всего сайта.
   Источник: Claude-design nav.crumbs — серые ссылки (#3D3D3D) +
   жёлтая точка-разделитель «•». Рендер — kp_render_crumbs() (inc/helpers.php),
   используется на странице товара, категории, коллекции, вишлиста.
   Кладётся ВНУТРЬ .kp-container (выравнивание по контенту).
   Без letter-spacing; вес ≤ 600.
   ════════════════════════════════════════════════════════════════════ */
body.kp-body .kp-crumbs {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  padding: 16px 0; font-size: 17px; line-height: 1.3;
}
body.kp-body .kp-crumbs-link {
  color: var(--ink-2, #3D3D3D); text-decoration: none; transition: color .15s;
}
body.kp-body .kp-crumbs-link:hover { color: var(--ink, #0A0A0A); }
body.kp-body .kp-crumbs-sep {
  color: var(--yellow); font-size: 24px; line-height: 1;
}
body.kp-body .kp-crumbs-cur { color: var(--ink, #0A0A0A); }

@media (max-width: 700px) {
  body.kp-body .kp-crumbs { font-size: 15px; gap: 8px; padding: 12px 0; }
  body.kp-body .kp-crumbs-sep { font-size: 20px; }
}