Neckless

Create a premium “New Arrivals” product collection section inspired by the provided reference image.

Use a clean white background with a modern luxury e-commerce design. Display products in a 4-column grid on desktop, with equal-width product cards and consistent spacing.

Each product card should include:

• Large product image with rounded corners
• Top-left SALE -XX% badge with dark navy/blue background and white text
• Top-right circular Quick View / Eye icon
• Small store/brand name above the product title
• Bold product title
• Original price in grey with strikethrough
• Discounted price in bold black
• “Save XX%” beside the discounted price in navy blue
• Small pill badges for FREE DELIVERY and CASH ON DELIVERY
• Full-width rounded BUY NOW button with dark navy background and white text

At the top of the section, add:

• Large bold heading NEW ARRIVALS on the left
• View All → link on the right

Make the cards visually clean, premium and compact like a professional Pakistani online watch/e-commerce store. Keep all product information aligned consistently so every card has the same height. Do not create a slideshow or large hero section. This must be a 4-column product collection grid.

On mobile, automatically change to 2 columns with responsive spacing.

Make all product images, titles, prices, discount percentages, badges and buttons dynamic using Shopify product/collection data, not hardcoded. Use the selected collection's products automatically.

अगर AI फिर भी गलत section बनाए तो ये लाइन सबसे ऊपर लगाएँ:

IMPORTANT: This is NOT a hero section, NOT a banner, NOT a slideshow, and NOT a single product section. It is specifically a responsive 4-column Shopify product collection grid with individual product cards.