/* Small gap-fill for the modern (645/lightred) template: .b-path is a
   breadcrumb variant used on ~197 pages that lightred.css never styles at
   all (only its sibling .b-breadcrumb is) - renders as a bare bullet list
   otherwise. Matches .b-breadcrumb's look from the same theme. */

/* .b-breadcrumb (the wrapper both variants sit inside) is hard-pinned to
   height:35px in the original CSS - fine for its OTHER child,
   .b-breadcrumb__bar, which truncates to one line with an ellipsis
   regardless of container height, but .b-path below is flex-wrap and can
   grow to two lines on a long trail (recovered product pages especially -
   home > catalog > category > subcategory > product name). At a fixed
   35px the second line just overflowed past the bottom of the box,
   overlapping whatever came next (the product title). height:auto is
   safe for .b-breadcrumb__bar too since its own ellipsis truncation
   already keeps it single-line independent of the container's height. */
.b-breadcrumb {
  height: auto;
  min-height: 35px;
}

.b-path {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 20px;
  padding: 0;
  font-size: 13px;
  color: #888;
}

.b-path__item {
  display: flex;
  align-items: center;
}

.b-path__item:not(:first-child)::before {
  content: "\203a";
  margin: 0 8px;
  color: #ccc;
}

.b-path__link {
  color: #888;
  text-decoration: none;
}

.b-path__link:hover {
  color: #ef5b5b;
}

.b-path__text {
  color: #313131;
}