.quantity-input { grid-template-columns: 34px minmax(76px,1fr) 34px 22px !important; gap: 5px !important; }
.qty-step { width: 34px !important; height: 40px !important; border-color: #2c4b5c !important; border-radius: 7px !important; background: #102632 !important; color: #7899a6 !important; font-size: 14px !important; box-shadow: none !important; transition: border-color .14s,color .14s,background-color .14s !important; }
.qty-step.plus { border-color: #315747 !important; background: #112b24 !important; color: #82aa95 !important; }
.qty-step.minus:hover { border-color: #4b9bb2 !important; background: #153745 !important; color: #c3f5f8 !important; box-shadow: 0 0 10px rgba(68,202,218,.12) !important; }
.qty-step.plus:hover { border-color: #4ea77f !important; background: #174033 !important; color: #c3f5da !important; box-shadow: 0 0 10px rgba(72,210,151,.12) !important; }
.qty-step:focus,.qty-step:focus-visible,.qty-step:active { outline: none !important; box-shadow: none !important; transform: none !important; }
.qty-step.minus:focus,.qty-step.minus:focus-visible,.qty-step.minus:active { border-color: #2c4b5c !important; background: #102632 !important; color: #7899a6 !important; }
.qty-step.plus:focus,.qty-step.plus:focus-visible,.qty-step.plus:active { border-color: #315747 !important; background: #112b24 !important; color: #82aa95 !important; }