/* Page/component styles; shared foundations are in styles.css. */
.cartQuantity {
  display:flex;
  align-items:center;
  border:1px solid rgba(200,169,107,.3);
  border-radius:9px;
  overflow:hidden;
  background:var(--color-control-bg);
}

.cartQuantity button {
  width:40px;
  min-height:44px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--color-cream);
  font-size:22px;
}

.cartQuantity button:disabled {
  opacity:.35;
  cursor:default;
}

.cartQuantity .cartQty {
  width:40px;
  min-height:44px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  text-align:center;
  font-size:16px;
  box-sizing:border-box;
  -moz-appearance:textfield;
}

.cartQuantity .cartQty::-webkit-inner-spin-button,.cartQuantity .cartQty::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0;
}

.cartQuantity button:focus-visible,.cartQuantity .cartQty:focus-visible {
  outline:2px solid #fff;
  outline-offset:-3px;
}