.breadcrumbs { margin-bottom: 42px; }

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 700;
  list-style: none;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.breadcrumbs__item:not(:last-child)::after {
  color: var(--color-breadcrumb-separator);
  content: "/";
  font-weight: 400;
}

.breadcrumbs__item a { transition: color var(--transition); }
.breadcrumbs__item a:hover { color: var(--color-accent); }
.breadcrumbs__item span { color: var(--color-breadcrumb-current); font-weight: 500; }

@media (max-width: 767px) {
  .breadcrumbs { margin-bottom: 30px; }
  .breadcrumbs__list { gap: 6px; font-size: 12px; }
  .breadcrumbs__item { gap: 6px; }
}