.quantity-selector-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(var(--gap-sm) / 2);
}
@media screen and (width >= 750px) {
  .quantity-selector-wrapper {
    gap: var(--gap-sm);
  }
}

.price-per-item {
  display: block;
  color: var(--color-foreground);
  font-size: var(--font-size--sm);
  font-weight: normal;
}