.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.5);
}

.breadcrumbs__item:not(:last-child):after {
  content: '/';
  display: inline-block;
  margin-inline: 0.5rem;
}

.breadcrumbs__link {
  display: inline-block;
}

.breadcrumbs__link:hover {
  text-decoration: underline;
}

.breadcrumbs--product {
  padding: 1.5rem 0;
}