.chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  align-items: center;
}

.chip {
  display: inline-block;
  flex: 0 0 auto;
  padding: var(--nav-item-padding-block) var(--nav-item-padding-inline);
  background-color: var(--color-surface-page);
  border: var(--border-width-hairline) solid var(--color-border-strong);
  border-radius: var(--radius-default);
  color: var(--color-text-primary);
  font-size: var(--size-200);
  font-weight: var(--weight-medium);
  line-height: var(--line-height-ui);
}

.tag {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border: var(--border-width-hairline) solid var(--color-border-subtle);
  border-radius: var(--radius-default);
  color: var(--color-text-muted);
  font-size: var(--size-100);
  font-weight: var(--weight-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: var(--line-height-ui);
  vertical-align: middle;
}

.product-kicker {
  display: flex;
  align-items: center;
  gap: 0.4em;
  margin-bottom: var(--space-1);
  font-size: var(--size-500);
  font-weight: var(--weight-bold);
  color: var(--color-mark-accent);
}

.product-kicker__icon {
  width: 1.1em;
  height: 1.1em;
  flex: none;
}