.quantity-input { grid-template-columns: 44px minmax(80px,1fr) 44px 24px !important; gap: 6px !important; }
.quantity-input input { height: 50px !important; font-size: 20px !important; }
.qty-step { width: 44px !important; height: 50px !important; font-size: 17px !important; transform: none; box-shadow: inset 0 1px rgba(118,232,239,.08),0 5px 13px rgba(0,0,0,.22) !important; }
.qty-step.minus { border-color: #315c70 !important; background: linear-gradient(145deg,#173849,#0e2635) !important; color: #73e5ea !important; }
.qty-step.plus { border-color: #357b6a !important; background: linear-gradient(145deg,#17483c,#103028) !important; color: #71edb7 !important; }
.qty-step.minus:hover { border-color: #5edee5 !important; background: linear-gradient(145deg,#1b4655,#113341) !important; color: #d6ffff !important; box-shadow: 0 7px 16px rgba(7,16,24,.58),0 0 12px rgba(56,213,223,.12) !important; }
.qty-step.plus:hover { border-color: #60dfae !important; background: linear-gradient(145deg,#1b5948,#123b30) !important; color: #dcfff1 !important; box-shadow: 0 7px 16px rgba(7,16,24,.58),0 0 12px rgba(74,226,170,.14) !important; }
.qty-step.plus:hover ~ .qty-step.minus,.qty-step.minus:has(~ .qty-step.plus:hover) { filter: none !important; box-shadow: inset 0 1px rgba(118,232,239,.08),0 5px 13px rgba(0,0,0,.22) !important; }
@media(max-width:520px){.quantity-input{grid-template-columns:40px minmax(70px,1fr) 40px 22px!important}.qty-step{width:40px!important;height:48px!important}}