input[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    display: none !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Keep quantities readable beside explicit minus/plus buttons, including on mobile. */
input.fo-quantity-input {
    width: 5rem;
    min-width: 5rem;
    flex-shrink: 0;
    padding-inline: 0.5rem;
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
}

@media (min-width: 768px) {
    input.fo-quantity-input {
        font-size: 0.875rem;
    }
}