body { font-family: Arial; margin: 0; background: #f5f5f5; }

    header { background: #ff4d4d; color: white; padding: 15px; text-align: center; }

    .container { padding: 20px; }

    .menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }

    .item { background: white; padding: 15px; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

    button { background: #ff4d4d; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; }

    button:hover { background: #e60000; }

    #cart { margin-top: 20px; }

    .cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
    
    #total { font-weight: bold; margin-top: 10px; }