#customer-reviews.customer-reviews {
  background: var(--navy);
  color: white;
}

.coin-review-viewport {
  overflow-x: auto;
  padding: 4px 0 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--gold) transparent;
}

.coin-review-track,
.coin-review-set {
  display: flex;
  align-items: stretch;
  gap: 18px;
}

.coin-review-track {
  width: max-content;
}

.coin-review-set {
  flex-shrink: 0;
}

.coin-review-set[hidden] {
  display: none;
}

.coin-review-set > .customer-review {
  flex: 0 0 var(--coin-review-card-width, min(380px, 82vw));
  width: var(--coin-review-card-width, min(380px, 82vw));
  box-sizing: border-box;
}

.coin-review-marquee.is-moving .coin-review-viewport {
  overflow: hidden;
}

.coin-review-marquee.is-moving .coin-review-track {
  animation: coin-review-scroll var(--coin-review-duration) linear infinite;
  will-change: transform;
}

@keyframes coin-review-scroll {
  to { transform: translateX(calc(-1 * var(--coin-review-distance))); }
}

.coin-review-viewport:focus-visible,
.coin-review-original summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

.coin-review-language { color: var(--gold); font-size: 12px; margin: 0 0 10px; }
.coin-review-original { margin-top: 16px; }
.coin-review-original summary { color: var(--gold); font-size: 13px; cursor: pointer; }
.coin-review-original blockquote { margin-top: 12px; font-size: 14px; }
