/* Quantity input + submit, used on the product detail and cart pages. */
.quantity-control {
    display: inline-flex;
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
}

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

.quantity-control__input {
    width: 4.5rem;
    min-height: 2.75rem;
    padding: var(--space-2xs) var(--space-sm);
    font: inherit;
    text-align: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-ink);
}

.quantity-control__submit {
    min-height: 2.5rem;
    padding-block: var(--space-2xs);
}

/* When JS enhances quantity, the explicit submit can be hidden. */
.quantity-control[data-enhanced="true"] .quantity-control__submit {
    display: none;
}