M/S Babu Enterprise - E-commerce Gallery and PDF Documents Update
=================================================================

Added to the public product details page:

1. E-commerce-style product gallery
   - Large main media viewer
   - Vertical thumbnail strip on desktop
   - Horizontal swipeable thumbnails on mobile
   - Previous/next navigation buttons
   - Image/media counter
   - Keyboard arrow navigation
   - Touch swipe navigation
   - Full-screen image modal
   - Responsive layout for phone, tablet and desktop

2. Product video inside the gallery
   - Uploaded MP4, WEBM and OGG files appear as gallery thumbnails
   - YouTube and Vimeo URLs appear as online-video thumbnails
   - Non-embeddable video links open in a new tab
   - Video controls are available in the main viewer and modal

3. PDF Documents card section
   - Separate cards for Product Brochure, Product Catalogue and User Manual
   - PDF icon and document description
   - File name and file size display
   - View PDF button
   - Direct Download PDF button
   - Responsive card layout

Admin usage:
- Go to Admin Panel > Products > Edit Product.
- Add multiple images from Product Image Gallery.
- Upload product videos or add YouTube/Vimeo URLs from Product Videos.
- Upload Brochure, Catalogue and Manual PDFs from PDF Documents.
- Save the product. The media and document cards will appear automatically.

Upgrade safety:
- Back up storage/ and assets/uploads/ before replacing an existing installation.
- Keep the old storage files if you want to retain products, settings, admin login and enquiries.
- Keep assets/uploads/ if you want to retain uploaded images, videos and PDF files.
