Product Carousel Section

Create a product carousel section that displays products from [COLLECTION_NAME] in a horizontally scrolling carousel. Show [VISIBLE_SLIDES] products at a time on desktop, 2 on tablet, 1 on mobile. Include left/right navigation arrows and dot indicators below. The carousel should support touch/swipe gestures on mobile. Add an optional autoplay feature that advances every [AUTOPLAY_SECONDS] seconds and pauses on hover. Each product card in the carousel should show: product image, title, price, and a Quick Add button. Add a section heading of [SECTION_HEADING] above the carousel. Use CSS scroll-snap for smooth native scrolling or vanilla JavaScript – no external libraries. Generate the complete Liquid section with schema settings, JavaScript, and CSS.