Quick View Modal for Products

Generate the Liquid snippet, JavaScript, and CSS for a quick-view modal system that I can paste into my theme, with these specifications: when a customer clicks a Quick View button on any product card in a collection or grid, a modal overlay should appear showing: a product image gallery (with thumbnail navigation), product title, price, variant selectors (size, color, etc.), quantity selector, Add to Cart button, and a View Full Details link to the product page. The modal should load product data dynamically via the Shopify Product AJAX API (/products/[handle].js). Include a close button and allow closing by clicking outside the modal or pressing Escape. The modal should be accessible with focus trapping. Style it with a [MODAL_STYLE] look (options: minimal, rounded, full-screen on mobile). Generate the Liquid snippet, JavaScript, and CSS needed.

To use it: go to Online Store > Themes > Edit code, add the Liquid to a new file snippets/quick-view-modal.liquid, put the JavaScript in assets/quick-view.js and the CSS in assets/quick-view.css (link both from theme.liquid or your section file), then render the snippet — e.g. {% render 'quick-view-modal' %} — from your product-card snippet and wire the Quick View button to trigger it.