Product Recommendation Row

Create a product recommendation row section for product pages that uses Shopify’s Product Recommendations API (/recommendations/products.json?product_id=[PRODUCT_ID]&limit=[LIMIT]). The section should fetch recommendations dynamically via JavaScript after the page loads. Display recommended products in a horizontal scrollable row with [VISIBLE_PRODUCTS] visible at a time on desktop. Each product card should show: product image, title, price, and a Quick Add button. Add navigation arrows on desktop and support swipe on mobile. Include a section heading [SECTION_HEADING] (e.g., You May Also Like) and a fallback message or alternative collection display if the API returns no results. Use the intent parameter set to [INTENT] (options: related, complementary). The section should not block page load – load asynchronously. Generate the Liquid section, JavaScript for API fetching and rendering, and CSS.