.quantity-selector{display:inline-flex;align-items:center;border-radius:8px;overflow:hidden;border:2px solid var(--light-green);background:var(--pearl);-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.quantity-selector:hover{border-color:var(--dark-green);box-shadow:0 3px 6px #00000026}.quantity-selector.disabled{opacity:.6;pointer-events:none}.quantity-btn{border:none;background:var(--light-green);cursor:pointer;width:40px;height:40px;font-size:1.4rem;font-weight:600;color:var(--dark-green);transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--dark-green);color:#fff;transform:scale(1.05)}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{cursor:not-allowed;opacity:.4;background:var(--light-grey);color:var(--dark-grey)}.quantity-btn.decrement{border-right:1px solid rgba(69,94,70,.2)}.quantity-btn.increment{border-left:1px solid rgba(69,94,70,.2)}.quantity-input{width:50px;height:40px;border:none;background:#fff;text-align:center;font-weight:600;font-size:1rem;color:var(--dark-green);outline:none;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input:focus{background:var(--light-yellow)}.quantity-input:disabled{background:var(--light-grey);color:var(--dark-grey)}@media (max-width: 480px){.quantity-selector{border-radius:6px;max-width:130px}.quantity-btn{width:42px;height:42px;font-size:1.5rem}.quantity-input{width:46px;height:42px;font-size:1.1rem}}