/* Quantity stepper (− [n] +) shared by the product page and the cart.
   Single source of truth: both pages load this file, so the two pickers can
   never drift apart. Moved verbatim from product-page.css (2026-09-17). */

.product-qty {
  display: inline-flex;
  align-items: stretch;
}

.product-qty input {
  width: 3.1rem;
  padding: 0.5rem 0.45rem;
  border: 1px solid #c5c5c5;
  border-left: none;
  border-right: none;
  border-radius: 0;
  font: inherit;
  font-size: 0.875rem;
  text-align: center;
}

.product-qty__btn {
  width: 2.3rem;
  border: 1px solid #c5c5c5;
  background: #fff;
  color: #333;
  font: inherit;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.product-qty__btn:first-child {
  border-radius: 2px 0 0 2px;
}

.product-qty__btn:last-child {
  border-radius: 0 2px 2px 0;
}

.product-qty__btn:hover:not(:disabled) {
  background: #f3f3f3;
}

.product-qty__btn:disabled {
  color: #b5b5b5;
  cursor: default;
}