.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  list-style: none;
  justify-content: center;
  padding: 10px 0;
  background: transparent;
  border-radius: 0;
  margin: 0; }
  .breadcrumb > li {
    display: inline-block;
    color: var(--shop-text-color); }
  .breadcrumb > li + li:before {
    content: '';
    padding: 0 10px;
    background-image: url('data:image/svg+xml,<svg class="svg-icon" id="ic-arrow-right" viewBox="0 0 15 11" fill="%23FFFFFF" xmlns="http://www.w3.org/2000/svg"><path d="M0.799805 5.5H12.7998" stroke="%23FFFFFF" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.49976 1L13.9998 5.5L9.49976 10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path></svg>');
    background-size: 10px;
    background-position: center;
    background-position-y: 5px;
    background-repeat: no-repeat; }
  .breadcrumb a, .breadcrumb span {
    color: currentColor; }