document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('.custom-qty').forEach(function(wrapper) { const input = wrapper.querySelector('input.qty'); const plus = wrapper.querySelector('.plus'); const minus = wrapper.querySelector('.minus'); plus.addEventListener('click', function () { let val = parseFloat(input.value) || 0; let step = parseFloat(input.step) || 1; let max = parseFloat(input.max); if (!max || val + step <= max) { input.value = val + step; input.dispatchEvent(new Event('change')); } }); minus.addEventListener('click', function () { let val = parseFloat(input.value) || 0; let step = parseFloat(input.step) || 1; let min = parseFloat(input.min) || 0; if (val - step >= min) { input.value = val - step; input.dispatchEvent(new Event('change')); } }); }); });