/* v3.7 – Breadcrumb chips for product page */
:root{
  --brand-blue:#127ac6;
  --chip-bg:#f3f4f6;
  --chip-border:#e5e7eb;
  --chip-text:#374151;
  --chip-active-bg:#eaf3fb;
  --chip-active-border:#d3e6f8;
}
/* Container allows horizontal scroll on very long paths (mobile safety) */
.crumbs{overflow-x:auto; -webkit-overflow-scrolling:touch}
.crumbs .breadcrumb{margin-bottom:0; white-space:nowrap}

/* Chips style */
.breadcrumb.chips .breadcrumb-item > a,
.breadcrumb.chips .breadcrumb-item > span{
  display:inline-block;
  padding:.30rem .65rem;
  border-radius:999px;
  background:var(--chip-bg);
  border:1px solid var(--chip-border);
  color:var(--chip-text);
}
.breadcrumb.chips .breadcrumb-item > a:hover{ text-decoration:none; background:#eef0f3 }
.breadcrumb.chips .breadcrumb-item.active > span{
  background:var(--chip-active-bg);
  border-color:var(--chip-active-border);
  color:var(--brand-blue);
  font-weight:600;
}
/* Divider as chevron */
.breadcrumb.chips .breadcrumb-item + .breadcrumb-item::before{
  content:"›"; /* simple chevron */
  color:#9ca3af;
  padding:0 .4rem;
}
/* Home icon tint */
.home-ico{ color:var(--brand-blue); margin-right:.35rem; font-size:1rem }