Product Grid Layout Section

Create a product grid section for my store that displays products from the [COLLECTION_NAME] collection. The grid should show [NUMBER_OF_COLUMNS] columns on desktop (e.g., 4), 2 columns on tablet, and 1 column on mobile. Each product card should include: product image with a zoom-on-hover effect, product title, price (with compare-at price shown as strikethrough if on sale), a color swatch preview if available, and a Quick Add button that appears on hover. The grid should load [PRODUCTS_PER_PAGE] products initially with a Load More button at the bottom. Use [CARD_STYLE] style (options: minimal, bordered, shadow). Generate the complete Liquid section code with schema settings and CSS.