Build a Product Catalog Store with AI

Build a multi-product catalog store as a static HTML/CSS/JS site. Use a dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, and accent color #10b981 (emerald). Load data from inline `const PRODUCTS = [...]` and `const CATEGORIES = [...]` arrays. Each product object has: id, name, price, originalPrice (optional, for sale items), category, description, image (placeholder URL or emoji), stock, featured (boolean), and badge (optional: "New", "Sale", "Best Seller"). Each category has: id, name, and icon (emoji). Layout: A top navigation bar with the store name, search input, and a cart icon showing item count. Below that, a sidebar (desktop) or horizontal scrollable pill bar (mobile) with category filters including an "All" option. The main area shows a responsive product grid (3 columns desktop, 2 tablet, 1 mobile). Each product card shows: image area, badge overlay (if any), product name, short description (truncated to 2 lines), price (with original price struck through if on sale), stock indicator (green "In Stock", orange "Low Stock" for less than 5, red "Out of Stock" for 0), and an "Add to Cart" button. Implement client-side search that filters products by name and description as the user types (debounced 300ms). Category filter shows/hides products by category. Both filters work together (search within selected category). Cart functionality using localStorage: clicking "Add to Cart" increments the item count, updates the cart badge, and shows a brief toast notification "Added to cart!". The cart icon opens a slide-out panel showing all cart items with quantities, +/- buttons, remove button, and a total. At the bottom of the cart panel, a "Send Order" button generates a pre-formatted WhatsApp message (or mailto link) listing all items, quantities, and total price. If a product has stock 0, the "Add to Cart" button is disabled and shows "Out of Stock". Products with `featured: true` appear first in the default sort. Include sort options: Featured, Price Low-High, Price High-Low, Name A-Z. Add SEO: title, meta description, OG tags, JSON-LD with @type "Store" and product list. Seed data: include 12 sample products across 4 categories (Electronics, Clothing, Home, Accessories) with realistic names and prices. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Update my product catalog store with the following changes: [describe changes — e.g., "I sold 2 units of Product X", "Add new product: Name, $Price, Category, Description", "Change price of Product Y to $Z", "Remove Product W from the catalog", "Add a new category: CategoryName"]. Update the PRODUCTS and CATEGORIES arrays in the HTML accordingly. Adjust stock counts, recalculate any sale percentages, and ensure the cart still functions correctly. Then redeploy.