Product Video Gallery Section

Create a product video gallery section that displays [NUMBER] product videos in a grid layout. Each video card should show a thumbnail image with a play button overlay. Support both YouTube and Vimeo URLs entered via section schema block settings – extract the video ID to create embed URLs. When a customer clicks a video thumbnail, open a lightbox modal with the embedded video player. The lightbox should close when clicking outside or pressing Escape. Add a section heading [SECTION_HEADING] (e.g., See It In Action). Display in a [COLUMNS]-column grid on desktop, 2 on tablet, 1 on mobile. Each video block in the schema should have fields for: video URL, thumbnail image (optional, auto-generate from YouTube/Vimeo if not provided), and a caption. Lazy-load iframes so they only load when the lightbox opens. Generate the Liquid section with schema blocks, JavaScript, and CSS.