/* ════════════════════════════════════════════════════════════════════════════
 * patch-6.6-cat-template.css
 *
 * Полировка шаблона категории под референс:
 *   A) Сетка товаров — 5 колонок (как на главной), вместо 4 из patch-5.1.
 *   B) Разделитель хлебных крошек — жёлтый (•) вместо серого (·).
 *
 * Дескриптор родительской категории (.kp-cat-head-pre) — удалён из шаблона
 * archive-product.php в этом же коммите. CSS-правила .kp-cat-head-pre в
 * patch-5.1:41-48 становятся мёртвыми (не вредят, по политике "не редактируем
 * старое" оставляем).
 *
 * Безопасность: .kp-cat-grid используется И на странице категории, И в секции
 * "Популярные категории" главной (через .kp-sec-pop .kp-cat-grid из patch-5.2).
 * Наше правило body.kp-body .kp-cat-grid имеет специфичность 0,0,2,1 — ниже
 * чем у patch-5.2 (.kp-sec-pop .kp-cat-grid = 0,0,3,1), поэтому ГЛАВНАЯ
 * не пострадает: там патч-5.2 всё ещё перебивает.
 * ════════════════════════════════════════════════════════════════════════════ */

/* ── A) Сетка категории 5 колонок ──────────────────────────────────────────
 * patch-5.1:290 ставил repeat(4, 1fr). Перебиваем на 5 — приводим категорию
 * к консистентности с главной (.kp-prod-grid из main.css:352).
 * Брейкпоинты patch-5.1 (1100→3, 760→2, 480→1) оставляем — они совпадают с
 * каскадом главной (main.css:573 / :598).
 */
body.kp-body .kp-cat-grid {
  grid-template-columns: repeat(5, 1fr);
}

/* ── B) Жёлтый разделитель в хлебных крошках ───────────────────────────────
 * patch-5.1:27-31 ставит .kp-cat-crumbs-sep color: var(--ink-3) (серый ·).
 * По референсу разделитель цветовой акцент — жёлтый кружок •.
 * Меняем символ через ::before/font-size, цвет — на yellow.
 */
body.kp-body .kp-cat-crumbs-sep {
  color: var(--yellow);
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
}