.product-breadcrumbs {
  position: relative;
  z-index: 2;
  padding-top: clamp(9rem, 12vw, 11rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.product-breadcrumbs__list {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  color: rgb(8 11 11 / 48%);
  font-family: var(--font-brand);
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.product-breadcrumbs__list li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.55rem;
}

.product-breadcrumbs__list a {
  color: rgb(8 11 11 / 68%);
  transition: color var(--duration-fast) var(--ease-standard);
}

.product-breadcrumbs__list a:hover,
.product-breadcrumbs__list a:focus-visible {
  color: #765721;
}

.product-breadcrumbs__list [aria-current="page"] {
  max-width: min(44vw, 26rem);
  overflow: hidden;
  color: #765721;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .product-breadcrumbs {
    padding-top:
      calc(clamp(7rem, 25vw, 8.8rem) + var(--safe-top));
  }

  .product-breadcrumbs__list {
    gap: 0.38rem;
    font-size: 0.48rem;
    letter-spacing: 0.08em;
  }

  .product-breadcrumbs__list li {
    gap: 0.38rem;
  }

  .product-breadcrumbs__list [aria-current="page"] {
    max-width: 42vw;
  }
}