Extras

Create a modern, responsive HTML snippet for an “Extras” section—part of a UK holiday lodge provider's website (Bluewood Lodges style). The section should: 1. Use a 2-column grid layout (mobile-friendly stacking). 2. For each extra, include: - Image (responsive <img>), - Overlay text with item name and price, - Subheading/title, - Short description bullet points (max 2), - “Add to Booking” button. 3. Add the following extras as examples: - **Hamper with Alcohol – £85**: “Locally sourced alcohol & snacks”, “Perfect for two.” - **Hamper (no alcohol) – £75**: “Family friendly treats”, “Includes soft drinks & biscuits.” - **Pamper Pack – £120**: “Champagne, flowers, chocolates, bathrobes”, “Romantic indulgence.” - **BBQ Hire – £25**: “Includes BBQ, one bag of coal, utensils”, “Safe for decking area.” 4. Include hover effects (CSS) to slightly zoom the image and show a subtle box-shadow. 5. Use semantic HTML (e.g., `<section>`, `<article>`, `<h2>`, `<p>`, `<button>`), with alt text for each image. 6. Keep CSS lightweight and included in a `<style>` block at the top of the snippet. --- Generate just the HTML and CSS, no scripting—for illustration and quick integration.