/* Price presentation: current price, struck compare-at, and unavailable state. */
.price {
    display: flex;
    align-items: baseline;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

.price__current {
    font-weight: var(--weight-bold);
    font-size: var(--text-lg);
    color: var(--color-ink);
}

.price__compare {
    color: var(--color-ink-muted);
    font-size: var(--text-sm);
}

.price__compare s {
    text-decoration: line-through;
}

.price__unavailable {
    font-size: var(--text-sm);
    color: var(--color-ink-muted);
    font-style: italic;
}