.product-nav-summary {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
}

.product-nav-chevron {
  width: 0.85rem;
  height: 0.85rem;
  margin-top: 0.18rem;
  transition: transform 180ms ease;
}

details[open] .product-nav-chevron {
  transform: rotate(180deg);
}

.product-nav-card {
  display: grid;
  gap: 0.5rem;
}

.product-nav-link {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}

.product-nav-link img {
  width: 3rem;
  height: 2.2rem;
  object-fit: cover;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
}