Make a product card

Result: One responsive product card in an HTML file you can open on your laptop.
File: index.html

PRACTICE FACTS
Fictional business: Luntian Supply. Product: a reusable desk organizer for PHP 450. Colours: blue and natural. Pickup only. No product photo, address, opening hours or contact details are supplied.

WHAT TO MAKE
- Save one responsive product card in index.html, with a product heading, PHP 450 price, blue/natural options and pickup-only wording.
- Use semantic HTML, inline CSS and system fonts. The file must open directly in a browser without a package install or server.
- Keep the card readable on a narrow phone-sized window. No form, navigation, purchase control or additional site sections are needed.

HOW TO WORK
- Ask for a short understanding of the brief and a plan first. Wait for approval before doing the task.
- Write only in this practice folder. Keep the starter brief unchanged.
- Do not invent facts. Label missing information unknown.
- Use only the supplied product facts. Do not fetch scripts or images, invent contact details, add payments, install packages, deploy or modify files outside the practice folder.

CHECK THE RESULT
- Open index.html directly in a browser. The product, PHP 450 price, both colours and pickup-only rule match the brief.
- Narrow the window: the text stays readable without sideways scrolling, clipping or overlapping.
- The file works on its own with inline CSS. It contains no form, remote assets, invented contacts or purchase controls.