"Brief: Design a shopping cart interface for “ShopCart,” an e-commerce store. The cart should display each product’s name, price, and quantity, with buttons to increase or decrease the quantity. Add a checkout button at the bottom with a total cost displayed. Use a neutral background (#f8f8f8) and an accent orange color (#FF5722) for buttons. Ensure that changes in quantity update the total dynamically.
Requirements:
Product List: Display product name, price, and quantity selector.
Quantity Buttons: “+” and “-” buttons for each item.
Checkout Section: Total cost and checkout button.
Typography: Product name in Roboto Bold, size 16px, price in Arial, size 14px.
Update total cost based on quantity changes.
Responsive Design: Stack items vertically on small screens.
"