Shopping Cart

You are building a small Shopping Cart widget.

There are three products, each with a fixed price:

| Product | Price |
| ------- | ----- |
| Apple | $10 |
| Bread | $5 |
| Milk | $15 |

Product list

• Each product shows its name and price and has an "Add {name}" button (e.g. Add Apple).
• Clicking the Add button increases that product's quantity in the cart by 1.

Cart

• The cart shows one line per product that has a quantity of at least 1.
• Each cart line shows the product name and its current quantity, plus a decrement button (aria-label="Decrease {name}") and an increment button (aria-label="Increase {name}").
• Increment raises the quantity by 1; decrement lowers it by 1.
• When a line's quantity would drop to 0, that line is removed from the cart entirely.

Status

• A live region with role="status" always shows the current totals in the exact format:

"{count} items - ${total}" — for example "3 items - $45".

• count is the total number of units across all lines; total is the summed price of every unit.
• Use the singular word item when the count is exactly 1 (e.g. "1 item - $10"); use items otherwise (including "0 items - $0").

The starter renders the product list and an empty-cart shell but does not implement any of the cart behavior — your job is to make it work.