<script> document.addEventListener("DOMContentLoaded", function () {
const carousel = document.querySelector('.card-carousel'); let isDown = false; let startX; let scrollLeft;
carousel.addEventListener('mousedown', (e) => { isDown = true; carousel.classList.add('dragging'); startX = e.pageX - carousel.offsetLeft; scrollLeft = carousel.scrollLeft; });
carousel.addEventListener('mouseleave', () => { isDown = false; carousel.classList.remove('dragging'); });
carousel.addEventListener('mouseup', () => { isDown = false; carousel.classList.remove('dragging'); });
carousel.addEventListener('mousemove', (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX - carousel.offsetLeft; const walk = (x - startX) * 1.5; // scroll speed factor carousel.scrollLeft = scrollLeft - walk; });
}); </script>