.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin-bottom: 1rem;
  padding: 0;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item:after {
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: 0.5rem;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.breadcrumb .swiper-slide {
  width: auto;
}

.breadcrumb .active a {
  color: #6c757d;
  pointer-events: none;
}

.page-head .breadcrumb-wrap {
  left: 0;
  padding-left: var(--x2);
  padding-right: var(--x2);
  position: absolute;
  top: 0.625rem;
  width: calc(100% - 2rem);
  width: 100%;
}

.page-footer .breadcrumb-wrap {
  padding: 0;
  width: 100%;
}

.page-head .breadcrumb-wrap a,
.page-footer .breadcrumb-wrap a {
  font-size: 0.8125rem;
}

.page-footer .breadcrumb-wrap .breadcrumb-item:first-child {
  padding-left: 0;
}

@media (min-width: 1200px) {
  .page-head .breadcrumb-wrap,
  .page-footer .breadcrumb-wrap {
    top: -0.75rem;
  }
}