.p-breadcrumb {
  margin-bottom: var(--space-sm);
  color: rgba(28, 27, 25, 0.52);
  font-size: 14px;
  line-height: 1.5;
}

.p-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-breadcrumb__item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.p-breadcrumb__item:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid rgba(28, 27, 25, 0.4);
  border-right: 1px solid rgba(28, 27, 25, 0.4);
  transform: rotate(45deg);
}

.p-breadcrumb__item a {
  color: rgba(28, 27, 25, 0.52);
  transition: color 0.2s ease;
}

.p-breadcrumb__item a:hover,
.p-breadcrumb__item a:focus-visible {
  color: #e64336;
}

.p-breadcrumb__item[aria-current="page"] {
  color: #1c1b19;
}

@media screen and (max-width: 640px) {
  .p-breadcrumb {
    font-size: 12px;
  }

  .p-breadcrumb__list,
  .p-breadcrumb__item {
    gap: 4px 8px;
  }
}