/* Quantity is a single control, independent of Bootstrap's action buttons. */
body .quantity-wrapper {
  display: inline-grid !important;
  grid-template-columns: 44px 48px 44px;
  align-items: stretch;
  gap: 0 !important;
  width: 138px !important;
  min-width: 138px;
  height: 46px;
  min-height: 46px;
  margin: 0 !important;
  padding: 0;
  border: 1px solid #bdcdb6;
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}
body .quantity-wrapper .quantity-btn {
  display: grid !important;
  place-items: center;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: #eef3e9 !important;
  color: #365640 !important;
  opacity: 1 !important;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .16s, color .16s;
}
body .quantity-wrapper .quantity-minus {border-radius: 7px 0 0 7px}
body .quantity-wrapper .quantity-plus {border-radius: 0 7px 7px 0}
body .quantity-wrapper .quantity-btn:not(:disabled):hover,
body .quantity-wrapper .quantity-btn:not(:disabled):active {background: #294332 !important;color: #fff !important;transform: none}
body .quantity-wrapper .quantity-btn:disabled {background: #f5f7f1 !important;color: #7d8b76 !important;cursor: not-allowed}
body .quantity-wrapper .quantity-btn:focus-visible {outline: 0 !important;box-shadow: inset 0 0 0 2px #365640 !important}
body .quantity-symbol {position: relative;display: block;width: 16px;height: 16px;pointer-events: none}
body .quantity-symbol::before,
body .quantity-plus .quantity-symbol::after {content: '';position: absolute;border-radius: 1px;background: currentColor}
body .quantity-symbol::before {width: 16px;height: 2px;left: 0;top: 7px}
body .quantity-plus .quantity-symbol::after {height: 16px;width: 2px;left: 7px;top: 0}
body .quantity-wrapper :is(input.qty,input.maleonss-quote-qty) {
  display: block;
  width: 48px !important;
  min-width: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-inline: 1px solid #e0e7da !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #283c2d !important;
  font: 750 16px/1.4 var(--font-primary) !important;
  text-align: center;
  appearance: textfield;
  box-sizing: border-box;
  box-shadow: none;
}
body .quantity-wrapper input::-webkit-inner-spin-button,
body .quantity-wrapper input::-webkit-outer-spin-button {appearance: none;margin: 0}
body .quantity-wrapper input:focus-visible {outline: 0 !important;box-shadow: inset 0 -2px #365640 !important}
body .quote-quantity-control {display: flex;align-items: center;flex-wrap: wrap;gap: 10px;color: #52634c;font-size: 14px;font-weight: 650}
body .quote-quantity-control .quantity {margin: 0 !important}
body .quote-item-controls {align-items: center;flex-wrap: wrap;gap: 12px !important}
@media(prefers-reduced-motion:reduce){body .quantity-wrapper .quantity-btn{transition:none}}